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

2017-07-06 09:26 出处:未知 人气: 评论(0

众所周知,联盟成员导航是中国博客联盟的特色之一。而网站图标则是导航的装饰之一,起到锦上添花的作用,让页面更精美耐看。

但是随着成员数量的增长,图标便成了页面的拖沓大户,严重拖慢了整体速度。经常有成员反馈页面加载太慢,经仔细检查发现,居然有部分成员的网站图标居然达到了140kb!你老这是要闹哪样啊?这玩意再大也没用啊!

所以,谨以此文献给那些不知网站图标为何物的大神们,希望能赶紧优化你的网站图标,为联盟做点贡献。

一、图标介绍

favicon.ico一般用于作为缩略的网站标志,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上,是展示网站个性的缩略logo标志,也可以说是网站头像,目前主要的浏览器都支持favicon.ico图标,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的。

除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。

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

 

二、部署方法

一般站长的做法,就是将网站图标文件favicon.ico放到网站根目录,就不管了。

其实,为了更好的兼容性,正确的做法应该是在header添加如下的META申明:

 

如果,你想展现个性,还可以弄一个动态的网站图标,申明方法如下:

当然,不是所有浏览器都支持这种申明,你可以先实际测试看看。

三、制作方法

①、懒人做法

如果你疲于设计,疲于PS,那么推荐你去彭亚欧同学推荐的图标库,或许可以找到让你钟情的图标:

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

地址:http://www.easyicon.net/language.zh-cn/

②、自己制作

个性,是一种生活态度,所以大部分人还是会选择自己设计一个网站图标。

当我们已经有满意的图片时,该如何制作成favicon.ico呢?其实,只要一个转换工具即可。受博友委托,特推荐一个他本人精心制作的网站图标转换网站:

http://www.faviconico.org/

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

虽说这种工具烂大街了,但作者很人性化的加上了批量转换和预览的功能,进一步满足多个站点的图标转换和预览需求,所以大家有网站制作需求的话,可以到这个网站去转换。

分享给小伙伴们:

相关文章

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

签名: 验证码: 点击我更换图片

评论列表

    • Ico5网可以将png转ico和所有图片转ico, 透明ico图标制作、动态ico图标制作方法及ico图标下载!
    • 热门关键词:ico制作 在线favicon.ico生成 ico图标制作

    Copyright © 2015-2017 Ico5.cc.版权所有 ico图标制作网 皖ICP备16019369号-2