欸，朋友们，今天来跟大伙儿唠唠，我是咋做出那个 ico 小图标的。别看这玩意儿小，里头门道还不少！

准备阶段

咱得先有个图不是？这图可不能太大，毕竟做出来的图标就那么点儿地方。我，是先用 Photoshop 自己画个图，当然你要是有现成的也成。不过要注意，这图最好是 png 格式的，要是 jpg 或者 bmp 啥的，还得先转成 png 才行。

转换格式

有 png 图片，接下来就是关键一步：把它变成 ico 格式！这事儿我可没少折腾。我傻乎乎地直接把 png 图片的后缀名改成 .ico，结果，你猜怎么着？根本不好使！

后来我学聪明，上网找个专门转格式的工具。你还别说，这工具真好用！我找到一个网站（具体哪个网站就不说，免得像打广告），把我的 png 图片传上去，然后选几个尺寸，像什么 16x16、32x32、48x48 的，它就“唰”地一下，给我生成一个 zip 压缩包。

调整尺寸（这步坑我好久）

本来以为这事儿就成，结果，我把生成的 ico 图标放到项目里一编译，那图标小得跟芝麻粒儿似的！我这心，拔凉拔凉的。

后来我到处问，到处查资料，才知道，原来这 ico 图标里头，可以包含不同尺寸的图片。浏览器或者操作系统会根据需要，自动选择合适尺寸的图片来显示。我之前生成的那个 ico 图标，可能只包含一个很小尺寸的图片，所以显示出来就特别小。

这可咋办？我又不想重新画图。于是我又上网找个工具，这回是专门用来编辑 ico 图标的。我把之前生成的 ico 图标打开，一看，果然，里头只有一个小尺寸的图片。我把其他尺寸的图片也给加上，这回再放到项目里，完美！图标大小正合适，看着舒服多！

• 先准备好 png 格式的图片。
• 用工具把 png 图片转成 ico 格式。
• 最好用专门的 ico 编辑工具，检查一下 ico 图标里是不是包含各个尺寸的图片，没有的就给它补上！

今天的分享就到这儿。希望对大伙儿有帮助！