favicon.ico

9月4日 · 2014年

关于网站图标favicon.ico那点事儿,你造吗?

19
众所周知,联盟成员导航是中国博客联盟的特色之一。而网站图标则是导航的装饰之一,起到锦上添花的作用,让页面更精美耐看。 但是随着成员数量的增长,图标便成了页面的拖沓大户,严重拖慢了整体速度。经常有成员反馈页面加载太慢,经仔细检查发现,居然有部分成员的网站图标居然达到了 140kb!你老这是要闹哪样啊?这玩意再大也没用啊! 所以,谨以此文献给那些不知网站图标为何物的大神们,希望能赶紧优化你的网站图标,为联盟做点贡献。 一、图标介绍 favicon.ico 一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略 logo 标志,也可以说是网站头像,目前主要的浏览器都支持 favicon.ico 图标,如果要让网站看起来更专业、更美、更有个性,favicon.ico 是必不可少的。 除此之外,标签式浏览器甚至还有不少扩展的功能,如 FireFox 甚至支持动画格式的 favicon 等。   二、部署方法 一般站长的做法,就是将网站图标文件 favicon.ico 放到网站根目录,就不管了。 其实,为了更好的兼容性,正确的做法应该是在 header 添加如下的 META 申明: <head> ... <link rel="shortcut icon" href="/favicon.ico" /> <link rel="bookmark"…
5月3日 · 2014年

解决360浏览器不显示网站ico图标的问题

6
昨天换上了刘海江博友帮忙制作的网站 ico 图标,今天在公司电脑上看了下,没能替换过来,常规经验告诉我,这应该是缓存问题,于是将缓存手动删除了,发现 IE、谷歌都已经正常显示,唯独 360 浏览器还是顽固的显示以前的 ico 图标! 看来,360 浏览器将网站图标额外缓存了一份,那只好“人工遍历”查找了。。。 根据经验,Windows7 系统的软件缓存一般都在 C:\Users\登陆账号\AppData\Roaming\软件目录 于是,手动打开 C:\Users\Administrator\AppData\Roaming\360SE 这个目录,发现在 360SE\data 路径下有一个 ico 文件夹,里面放了浏览过的网站的 ico 图标!原来缓存在这里!     随便翻了下,发现是 360 浏览器是以域名.ico 的名称缓存的,比如 zhang.ge.ico 不管三七二十一,直接将 ico 目录清空,然后重新打开博客,发现网站图标终于更新了。 我又小小的折腾了一把!另外,谷歌在线获取的的 ico 还是以前的老图标,不知道啥时候才能更新。 其他浏览器补充:…