大家访问网站时，有的网站会在浏览器标签栏上显示一个小小图标，有的则没有，这是什么黑科技呢？比如STEEMIT的网站上，就会显示一个绿色的小鸡图标（哈哈，是小鸡不？）
(图源 ：pixabay)
其实这个秘密说出来是很简单的，无非是在网站根目录下放置一个名叫favicon.ico的图标文件，然后就可以啦。
而这个favicon.ico文件呢，其实说白了就是16x16像素的小图片，现在浏览器原则可以支持GIF、JPG或者PNG格式的图片，但是为了更好的支持所有的浏览器，ICO格式(Microsoft icon format)依然是最好的选择。
可以通过如下在线工具来制作/转换ICO格式：
至于操作步骤按提示操作就可以啦，就不再赘言啦。
尽管对于有些浏览器，将favicon.ico放入站点根目录即可，但是添加如下代码将会更好的兼容各种浏览器：
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"><link rel="icon" href="/favicon.ico" type="image/x-icon">
比如steemit的页面头部就包含了如下代码(其中v=2我估计可能就是区别于之前的favicon)：
<link rel="icon" type="image/x-icon" href="/favicon.ico?v=2" data-reactid="22"/>
更多关于Favicon的使用详情，请参考文末链接的维基百科内容。
相关链接
- Favicon - Wikipedia
- Favicon.ico & App Icon GeneratorFrom Dan’s Tools
- Online favicon creator generator ico convertor
https://steemit.com/~witnesses type in
oflyhigh and click VOTE
Vote @oflyhigh via Steemconnect
Thank you!
This page is synchronized from the post: ‘每天进步一点点: Favicon’