大家在浏览网页的时候是否注意到浏览器标签页中的小图标?没错,这个图片就是网站的图标favicon.ico。Favicon即收藏夹图标,它可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站,通常我们把它叫做网站图标(网站logo)。favicon.ico我们也把他叫做网站头像,目前主流的浏览器都支持favicon.ico,它的使用使网站看起来更加美观、漂亮和专业。那么,favicon.ico使用的时候应该注意些什么呢?
一、使用favicon.ico的注意事项
- favicon.ico并不是越大越好。很多人可能认为网站越大越好,这样越清晰、越漂亮,其实并不是这样的。favicon.ico太大不仅会影响到网页的加载速度,而且可能还会导致在某些浏览器上缓存不下来导致无法显示。据测试,随着favicon图标尺寸的增大,对图标的清晰度并没有什么明显的变化。那么、对于常用的几种尺寸(16*16,32*32,48*48)我们究竟该选择哪一种比较好呢?其实,对于网站图标的话16*16的已经够了,但是后来之所以出现了32*32等其他尺寸的是因为用户可以拖曳favicon到桌面以建立到网站的快捷方式,而桌面图标则要以32×32显示的。
- 网站图标并不是一定要ico格式的。它也可以是jpg、png或者gif等,随着浏览器的更新换代,现在很浏览器已经对其他格式的网站图标出现支持,但是主流的还是ico格式。
二、使用方法
在html的meta标签中声明使用
1 2 3 4 5 |
<head> … <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> … </head> |
三、制作方法
如果你不想制作图标那么你可以到网上找现成的icon图标,在此给你推荐一个图标库:http://www.easyicon.net/
如果你想自己制作呢,你可以先做好图标然后到网站上把它转化为ico格式的。这种转换图片格式的线上网站有很多,大家可以问下度娘就可以了。例如:http://tool.lu/favicon/
我的微信
扫一扫加我微信