`

icon 生成方法

 
阅读更多

第一步,准备一个图标制作软件。

首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问 http://www.favicon.com/ ,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。

第二步,确定“收藏夹”图标的规格。

“收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。

第三步,设计一个属于您自己的图标。

您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:favicon.ico

最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改,IE5 会自动的不停的搜索您的网站的根目录,只要它一发现了 favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。

如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的 HEAD 部分加入下面的内容:

<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">

注意:该图标的路径一定要使用绝对路径。

favicon.ico 是一种格式,一般用于网页地址栏前或者在标签上以缩略方式显示网站标志,也可以拖曳favicon到桌面以建立到网站的快捷方式。
为什么要设置favicon图标,
以图像形态显示,比文字显示更能加深浏览者的记忆和印像。
可以塑造网站的品牌。这也是在网站推广的范畴之内,
可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。
给人以更专业的感觉。

如何设置网页图标

如何设置:
制作一个16×16像素的图像(logo),也可以制作一个200×200像素的图像或更大,然后等比列缩小为16×16像素,(200×200像素方便制作,favicon的规格一般为16×16像素)

可以用相关软件把jpg格式转换成ico图标格式。

我是用在线生成的,这样方便快捷。
1
、打开 http://www.chami.com/html-kit/services/favicon/
2
、页面里有个浏览按钮,点击找到你刚才做的图像(logo.
3
、点击 Generate FavIcon.ico 按钮提交

4
、稍等片刻后,你的favicon.ico将会自动生成,可以点击旁边的保存按钮将favicon.ico下载到本地。
5
、上传favicon.ico文件到网站根目录下
6
、最后在网页首面HTML<head>……</head>标签之间插入代码:<link rel="shortcut icon" href="favicon.ico">

如果不出现,Ctrl+F5 强制刷新.IE6好像不太支持favicon图标,

分享到:
评论

相关推荐

    xcode 9 1024icon生成全分辨率icon脚本

    "xcode 9 1024icon生成全分辨率icon脚本"是一个针对Xcode 9版本的工具,用于帮助开发者快速、高效地创建符合Apple要求的多种尺寸的应用图标,包括1024x1024像素的启动图(Launch Image)和App图标。 在iOS开发中,...

    iOS 独立开发者福音,App ICON 生成工具,自动生成所有尺寸的 Icon.zip

    标题提到的“iOS独立开发者福音,App ICON生成工具”便是一个解决方案,它能够自动生成所有必要的Icon尺寸,从而简化这一过程。 这个开源项目的核心功能是创建一个完整的`appiconset`目录结构,该结构符合Apple的...

    ICON图标生成器

    **ICON图标生成器详解** ICON图标生成器是一种实用工具,专为将各种图像格式转换为ICO格式而设计,ICO是Windows操作系统中用于表示程序、文件或网页图标的专用格式。在编程领域,尤其是在开发桌面应用或者网站时,...

    app icon生成器

    【App Icon生成器详解】 在移动应用开发领域,App Icon是至关重要的元素,它不仅是用户在设备上识别应用的第一印象,也是品牌形象的重要组成部分。本文将详细介绍"App Icon生成器"这一工具,它能够帮助开发者轻松地...

    Icon制作生成转换工具-下载

    Icon制作生成转换工具是一款强大的图形处理软件,专为创建、编辑和转换图标设计而开发。它允许用户将各种格式的图像文件,如JPEG、PNG、BMP、GIF等,轻松快捷地转换为ICO格式,ICO是Windows操作系统中用于桌面图标、...

    Icon生成器(转换工具)

    Icon生成器是一款强大的图形处理工具,专用于将各种图像文件格式转换为ICO图标格式。ICO是一种特殊的文件格式,常用于计算机操作系统的桌面图标、程序图标以及其他界面元素。它支持多种尺寸和颜色深度,以适应不同...

    超级方便的 ICON图标生成器

    "超级方便的ICON图标生成器"是一个工具,旨在帮助设计师和开发者快速、高效地创建和转换不同尺寸的图标。本文将详细介绍这个生成器的功能、用途及其在设计过程中的重要性。 首先,图标生成器支持多种尺寸,包括16X...

    快速生成iOS APP全套icon工具(Mac上可运行)

    为了减轻开发者的工作量,"快速生成iOS APP全套icon工具"应运而生,这款工具特别适合Mac用户使用,能快速高效地自动生成符合苹果规范的各种尺寸图标。 该工具的核心功能在于自动化处理图标的设计工作,它能够接受一...

    icon生成器。。。。。。。。。

    "icon生成器"是一个工具,能够帮助用户将不同图形格式的文件转换为图标文件,这在软件开发、网页设计和用户界面设计中尤为实用。这种工具通常支持多种输入格式,如PNG、JPG、GIF、BMP等,输出则是Windows或Mac系统...

    一键生成Android/Android-HD/IOS 多尺寸ICON

    本教程将围绕“一键生成Android/Android-HD/iOS多尺寸ICON”的主题,详细讲解这个过程中的关键知识点。 首先,我们需要理解各个平台的图标要求。在Android系统中,图标通常需要包括ldpi、mdpi、hdpi、xhdpi、xxhdpi...

    icon圆形图标自动生成工具

    "icon圆形图标自动生成工具"正是为了满足这一需求而诞生的工具,它能帮助设计师或开发者快速创建出专业且一致的圆形图标,并带有左上角的亮点效果,提升整体应用的视觉吸引力。 该工具的核心功能在于自动化生成过程...

    生成不同尺寸的icon

    "生成不同尺寸的icon"这个主题涉及到跨平台开发中的图标适配问题。 生成不同尺寸的icon是一项繁琐的工作,因为每个平台都有自己的规范。例如,Android通常需要多种尺寸的图标,包括hdpi、xhdpi、xxhdpi和xxxhdpi等...

    xp-icon生成图标

    "xp-icon生成图标"的主题聚焦于在Windows XP操作系统环境下创建或转换图标(ICO)文件的过程。Windows XP是微软在2001年发布的一款操作系统,虽然现在已被更新的操作系统版本取代,但仍有部分用户和开发者对其图标...

    手机项目icon生成器源码

    【手机项目icon生成器源码】是一个用于自动化创建多尺寸应用图标的工具,它基于Adobe AIR技术开发。在移动应用开发中,图标是用户界面的重要组成部分,不同的平台和设备可能需要不同尺寸的图标来适配屏幕分辨率和...

    appIcon一键生成app图片

    本文将详细介绍如何使用“appIcon一键生成app图片”工具,以高效地创建符合各平台规范的AppIcon。 首先,理解AppIcon的重要性。AppIcon是应用程序在商店、设备主屏幕、设置和其他地方显示的图标。一个吸引人的、...

    iOS生成桌面icon

    "iOS生成桌面icon"是指为iOS应用创建在用户设备主屏幕上显示的个性化图标的过程。AppWebClip-master.zip文件包含的资源和代码可能是一个帮助开发者快速生成iOS桌面快捷方式(Web Clip)的工具,它可以模拟真实应用...

    swift-AppICON生成工具自动生成所有尺寸的Icon

    "swift-AppICON生成工具"正是为了解决这个问题而设计的,它能自动化地生成所有必要的图标尺寸,极大地提高了开发效率。 Swift语言是Apple推出的一种强类型、编译型的编程语言,以其简洁、安全和高性能的特点深受...

    icon编辑软件(能自动生成16*16,32*32,48*48大小的图标)

    从标签“icon格式的图标自动生成各种大小”我们可以推断,这款软件的主要功能就是处理icon格式的文件,并且它的核心优势在于自动化生成多种尺寸的图标,这对于图标设计和管理来说非常方便。 至于压缩包内的文件“!...

    透明ICON制作生成转换工具附抠图工具

    本文将深入探讨如何使用"透明ICON制作生成转换工具"以及其附带的抠图工具来创建专业级别的图标。 首先,我们需要了解透明图标的基本概念。透明图标是指具有透明背景的图标,这种特性使得图标可以更好地融入不同的...

Global site tag (gtag.js) - Google Analytics