给自己的网站加上一个小图标，显示既专业又美观。
网站左上角显示的小图标一般是ico格式的图片，然后在HTML里使用代码去设置ico小图片为该网站的小标。
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="icon" href="/favicon.ico" type="image/x-icon"/>设计软件设计出来的图标一般是png、jpg这等格式的，但ico图标不同于png、jpg这类常见的图片格式，需要简单的转换一下。
虽然有些浏览器支持网站图标使用png图片，但是建议使用ico格式的图片，兼容性更好些，同时最好放置在网站的根目录下
有了png格式的小图标如何转成ico格式的图标呢？
试下png2ico这款小软件，它支持在Windows、MacOS、Linux平台上将png格式的图片转成ico格式的图片。
这款小软件的下载地址https://www.winterdrache.de/freeware/png2ico/
Windows用户需要至官网去下载这个小软件
MacOS用户可以直接通过命令行去安装（前提需要先安装好brew）：
brew install png2ico
Linux用户需要到官网下载源码自己编译下。
这款软件不支持GUI图形化操作，需要通过命令行去运行它。
使用步骤：
先准备好两张png图片：logo16x16.png（16像素X16像素）和logo32x32.png（32像素X32像素），然后通过命令行运行
png2ico favicon.ico logo16x16.png logo32x32.png上述命令可以将这两张png的图片包含在一个favicon.ico文件中，转换之后这个favicon.ico就可以放置在网站中，作为网站的小标使用了。
也可以只将一张png图片放置在ico文件中：
png2ico favicon.ico logo32x32.png生成好这个favicon.ico图标并将它正确的放置在网站根目录中，通过代码去正确的引用它，刷新浏览器你就可以看到漂亮的网站小标出现了。
如果刷新后没有出现小图标，可能是浏览器缓存造成的，需要清理下浏览器缓存，或者换个浏览器试试
本小教程有用吗？觉得有用就快收藏，转发吧，同时别忘了关注我们「远怀学堂」，不断有好的教程发布哦。
