favicon是一个与网页或网站相关联的自定义图标,该图标出现在浏览器的URL窗口中的 http 地址旁边。它还将占用启用选项卡的浏览器中打开的选项卡,并将显示在书签链接旁边。该术语组合了"收藏夹"和"图标"。Microsoft Inte...
favicon是一个与网页或网站相关联的自定义图标,该图标出现在浏览器的URL窗口中的
http地址旁边。它还将占用启用选项卡的浏览器中打开的选项卡,并将显示在书签链接旁边。该术语组合了"收藏夹"和"图标"。Microsoft Internet Explorer 5.0版引入了显示Favicon的功能,随后是其他主要浏览器。Firefox、Netscape、Opera,Safari和Konquerer是众多支持此功能的浏览器之一。

favicon非常小,以像素为单位进行测量。像素是在计算机屏幕上的测量。通过放大镜观看显示屏时,像素类似于微小的块,清晰可见。favicon只有16x16像素,32x32像素,或者,对于Macintosh计算机,有时是64x64或更大。
为这样一个小画布设计一个徽标这不是一件容易的事,所以从一个更大的画布开始,然后再缩小图像的大小会更容易。因为缩小图像会导致图像清晰度降低,所以最好从64x64像素的画布大小开始。
这些图标可以使用几乎任何图形程序设计为单色、16色、256色或更多颜色。一旦设计缩小并保存后,可以将其转换为
图标文件。并非所有图形程序都将文件保存为.ico文件,但有许多图形程序可用于特定于.ico文件创建和转换的联机图形程序。通过在其中一个程序中打开.bmp、.jpg、.gif或其他图像文件并选择"另存为","您可以将图像转换为正确的.ico格式并将文件命名为favicon.ico。
图标现在可以上载到网站的根目录中浏览器将查找此文件并在找到时显示它。除了将其上载到网站外,还应在网页的<;head>;<;/head>;部分添加两行简单代码,如下所示。将"website.com"更改为实际的网站名称:
<;link rel="icon"href="http://网站icon=,刷新浏览器的缓存,然后重新启动浏览器。现在手动浏览网站,您应该会看到favicon。将站点添加书签以添加到收藏夹中
,而Internet Explorer要求favicon是.ico文件,Firefox、Netscape和其他流行浏览器也可以显示.gif、.jpg,和.png文件。如果使用.ico以外的图像文件类型,则应更改代码以反映正确的图像类型。例如,如果使用favicon.png,则代码将为:type="image/png"/>;
而不是type="image/x-icon"/>;
将favicon与网站联系起来,可以创建视觉品牌,帮助浏览者只需浏览书签就可以回忆起您的网站及其内容。无论是迷你徽标还是原创设计,您的形象都能完美地反映出网站的内容、特征,如果需要的话,有几个在线公司会为你设计一个favicon。但是,对于那些有基本计算机技能的人来说,创建一个favicon是一个简单而有趣的任务,从几分钟到一个下午或晚上。