favicon（网站图标）生成

功能

• favicon.ico：16 / 32 / 48 三种尺寸打包成标准 ICO
• apple-touch-icon.png（180）、icon-192.png、icon-512.png
• 可选完整尺寸集，额外给出 24 / 64 / 96 / 128 / 256
• 非正方形图自动居中裁成正方形，不变形
• 可选铺白底（有些平台会把透明图标显示成黑块）
• 源图偏小时明确提示哪些尺寸是放大出来的
• 图片不上传，全部在浏览器里生成

使用方法

1. 把图片拖进来（正方形或接近正方形最好）
2. 选尺寸集，决定要不要 ICO 与铺白底
3. 整套图标立刻生成
4. 逐个下载，或点「全部下载」一次拿走

常见问题

这些文件分别放在哪？

全部放到网站根目录，然后在 `<head>` 里引用：`<link rel="icon" href="/favicon.ico" sizes="any">`、`<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png">`、`<link rel="apple-touch-icon" href="/apple-touch-icon.png">`。ICO 放根目录这一步不能省 —— 浏览器在页面没声明图标时会自动去要 `/favicon.ico`。

为什么图标必须是正方形？

因为所有平台都会把图标放进正方形的位置里。非正方形的图直接塞进去会被拉伸变形；所以这里居中裁出最大的正方形区域 —— 会切掉两侧（或上下），但图形本身保持比例。

「铺白底」什么时候该开？

当图标有透明背景、且要放到不支持透明的平台上时。透明 PNG 在多数浏览器里显示正常，但部分系统（尤其是一些安卓启动器与老版 iOS）会把透明区域显示成黑块。铺白底能得到一致的效果，代价是失去了"融入任意背景"的能力。

图片会被上传吗？

不会。图标是浏览器用 canvas 缩放生成的，图片不会离开这台设备，断网也能用。