大家访问网站时，有的网站会在浏览器标签栏上显示一个小小图标，有的则没有，这是什么黑科技呢？比如STEEMIT的网站上，就会显示一个绿色的小鸡图标（哈哈，是小鸡不？）

(图源 ：pixabay)

其实这个秘密说出来是很简单的，无非是在网站根目录下放置一个名叫favicon.ico的图标文件，然后就可以啦。

而这个favicon.ico文件呢，其实说白了就是16x16像素的小图片，现在浏览器原则可以支持GIF、JPG或者PNG格式的图片，但是为了更好的支持所有的浏览器，ICO格式(Microsoft icon format)依然是最好的选择。

可以通过如下在线工具来制作/转换ICO格式：

• Favicon.ico & App Icon GeneratorFrom Dan's Tools
• Online favicon creator generator ico convertor

至于操作步骤按提示操作就可以啦，就不再赘言啦。

尽管对于有些浏览器，将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

---

Vote For Me As Witness
https://steemit.com/~witnesses type in oflyhigh and click VOTE

Vote @oflyhigh via Steemconnect
Thank you!