ICO图标制作由 jisuwa.com 提供 [复制结果]
如何安装Favicon图标
在网页程序代码的<head>与</head>之间加入下以代码:
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="icon" href="/favicon.ico" />
在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻的网站Logo,也包括favicon。
所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。
从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。
如何制作Favicon图标
利用自己熟悉的图形软件制作 16*16 像素或 32*32 像素或 48*48 像素的效果图,保存为 .png 或 .gif 或 .jpg 格式的图片。
打开http://ico.jisuwa.com/浏览刚保存的图片。
点击:"生成图标"。
按提示保存,并上传至网站根目录了。
如何更新Favicon图标
由于本地浏览器存在的缓存可能无法及时更新favicon.ico图标。
可以关闭所有打开的浏览器,并清空浏览器缓存。
打开网站并加入收藏夹。
关闭浏览器,重新打开网站,就更新了。
若此时还未更新favicon.ico图标,请稍等一会再打开浏览尝试。