一 favicon.ico介绍

       平时,我们在用浏览器浏览网页的时候可曾注意到很多网站都有一个个性化的缩略图标,比如说这样:

wKioL1awD-jAGPKOAABUtVvqs_Q188.png

       实际上,这些图标都是favicon.ico这个文件的功劳。favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个性的缩略logo标志,也可以说是网站头像,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的。
       在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻的网站Logo,也包括favicon。
       从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。

(PS:以上介绍参考至:http://www.atool.org/ico.php

二 favicon.ico图标制作

       关于这个图标的制作,其实很简单,不少网站都提供在线制作服务,只需要我们提供一张原始图片即可,这方面可自行百度“favicon.ico在线制作”。当然,在这里我推荐使用www.atool.org这个网站提供的在线制作服务,因为可以制作出透明的favicon图标

(1)步骤一:打开http://www.atool.org/ico.php 这个网页,按提示完成favicon.ico的制作,然后将文件保存到本地后重命名为“favicon.ico

WordPress优化:为网站添加个性化缩略图标_第1张图片

(2)步骤二:将该文件通过FTP上传到网站的根目录,然后清空浏览器缓存,访问一下:http://www.zifangsky.cn/favicon.ico(PS:这里要换成你自己的域名),如果显示这个文件存在,那个这时候应该就可以看到图标效果了

WordPress优化:为网站添加个性化缩略图标_第2张图片