关于网站图标favicon.ico制作的两三事

大家在浏览网页的时候是否注意到浏览器标签页中的小图标?没错,这个图片就是网站的图标favicon.ico。Favicon即收藏夹图标,它可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站,通常我们把它叫做网站图标(网站logo)。favicon.ico我们也把他叫做网站头像,目前主流的浏览器都支持favicon.ico,它的使用使网站看起来更加美观、漂亮和专业。那么,favicon.ico使用的时候应该注意些什么呢?

一、使用favicon.ico的注意事项

  1. favicon.ico并不是越大越好。很多人可能认为网站越大越好,这样越清晰、越漂亮,其实并不是这样的。favicon.ico太大不仅会影响到网页的加载速度,而且可能还会导致在某些浏览器上缓存不下来导致无法显示。据测试,随着favicon图标尺寸的增大,对图标的清晰度并没有什么明显的变化。那么、对于常用的几种尺寸(16*16,32*32,48*48)我们究竟该选择哪一种比较好呢?其实,对于网站图标的话16*16的已经够了,但是后来之所以出现了32*32等其他尺寸的是因为用户可以拖曳favicon到桌面以建立到网站的快捷方式,而桌面图标则要以32×32显示的。
  2. 网站图标并不是一定要ico格式的。它也可以是jpg、png或者gif等,随着浏览器的更新换代,现在很浏览器已经对其他格式的网站图标出现支持,但是主流的还是ico格式。

二、使用方法

在html的meta标签中声明使用

三、制作方法

如果你不想制作图标那么你可以到网上找现成的icon图标,在此给你推荐一个图标库:http://www.easyicon.net/

关于网站图标favicon.ico制作的两三事

如果你想自己制作呢,你可以先做好图标然后到网站上把它转化为ico格式的。这种转换图片格式的线上网站有很多,大家可以问下度娘就可以了。例如:http://tool.lu/favicon/

关于网站图标favicon.ico制作的两三事

weinxin
我的微信
扫一扫加我微信
echo

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: