怎么做网站图标 / favicon

标志在磁盘上再打开网站图标。Cover 铺满正方形，可能裁切。Contain 留边。默认白底。不上传。

1. 选一个缩得很小仍能认的标志

   花的照片缩到 16 像素就没了。一个字母、简单形状或高对比 logo 才行。画面太宽，先裁到主体再过来。

   

2. 打开 cv.cm 的网站图标

   做图标留在当前标签页。

   打开Favicon 生成

3. 拖入图片

   预览空白，先把 HEIC 转成 JPG。

4. 选 Cover 还是 Contain，以及要不要白底

   Cover 铺满正方形，可能裁切。Contain 放下整个标志，会留边。经典标签页就留着白底。要透明 PNG 再关掉。

5. 下载 ICO 和 PNG 压缩包

   ICO 里是 16、32、48，给经典标签页。压缩包还有 180、192、512，给苹果触摸图标和 PWA。原标志留下。

   

6. 打开 16 像素的 PNG

   256 的预览会骗人。16 像素糊了，就简化标志或改 Contain。把 favicon.ico 放到网站根目录，并在 HTML 里链上 PNG。