今儿个心血来潮，想给自己的小破站整个好看点的图标，就是浏览器标签页上头那个小小的logo，专业点叫*。之前一直懒得弄，这回可得好好拾掇拾掇。
摸索阶段
我对这玩意儿完全没概念，就在网上瞎搜“ico图标制作”、“在线图标生成”啥的。看半天，发现好多在线工具，还都挺方便的。
实践出真知
我先是随便找个网站，点进去一看，挺简单的。它让我上传一张图片，说是支持jpg、png、gif这些格式。我就选张之前做好的logo图，是个正方形的，心想这下应该没问题。
传上去之后，它让我选尺寸。我一看，嚯，一堆数字，16x16、32x32、48x48……这都啥呀？后来才知道，这些是不同情况下图标显示的尺寸，得都弄上，才能保证在各种设备上都好看。
我一股脑儿全选，心想这下总行。点个“生成”，等几秒钟，它就给我弄出来一个ico文件。我赶紧下载下来，放到网站的根目录里。这还没完，还得在网页代码里头加点东西，告诉浏览器去哪儿找这个图标。
这一步也挺简单，就是在每个网页的<head>标签里头，加上一行代码。这代码我直接从那网站上抄的，改改文件名就完事儿。
效果展示
全部弄完，我刷新下网页，还真出来！浏览器标签页上，我的小logo稳稳当当地在那儿，看着还挺像那么回事儿的。
一点小坑
不过这中间也遇到点小问题。我一开始用的那张logo图，虽然是正方形的，但里头的内容不是居中的。结果生成出来的图标，看着就有点偏，不太美观。
后来我又重新调整下logo图，把内容居中放再重新生成一遍，这回就完美。
一点小经验
- 图片要正方形：最好是正方形的，这样转换的时候不会变形。
- 内容要居中：图标里的主要内容要放在正中间，这样显示出来才好看。
- 尺寸要齐全：生成的时候，把各种尺寸都选上，保证兼容性。
这回制作ico图标的经历还挺顺利的。虽然中间遇到点小麻烦，但还是搞定。看着自己的小破站有专属图标，心里还挺美滋滋的。
