favicon.ico 为什么要多档尺寸？
浏览器标签页用 16/32px，任务栏和书签可能用到 48px，高分屏与搜索结果卡片会取 256px。单文件内置多档 PNG，浏览器会自动挑最清晰的一档显示。
拖拽图片到此处，或点击选择
建议使用 ≥512×512 的方形图，非方形会按 contain 居中处理
也可以直接 Ctrl+V 粘贴截图
尺寸预览
上传图片后这里会显示 16 到 512 六档真实渲染
各档均为独立绘制的 canvas，可先检查小尺寸下的可辨识度再导出。
上传一张方形图片（建议 ≥512×512），即可生成全套站点图标。
apple-touch-icon 用哪一档？
iOS 添加到主屏幕时读取 apple-touch-icon，推荐 180×180。iOS 会自动给图标加圆角，所以这一档通常不需要自己做圆形遮罩。
隐私说明
所有处理均在浏览器本地完成，图片不会上传服务器，关闭页面后不留任何痕迹。
如何使用Favicon 生成？
上传一张 preferably 方形的图片（非方形会自动居中补边）。
选择遮罩形状（无 / 圆角 / 圆形）与背景填充，查看 16~512 六档真实预览。
下载 favicon.ico 或打包全部文件，并复制 HTML 引用代码。
常见问题
生成的 favicon.ico 里包含哪些尺寸？
内置 16、32、48、256 四个尺寸，采用现代的 PNG-in-ICO 封装：浏览器按需挑选最合适的尺寸渲染标签页、书签和任务栏图标，一个文件覆盖所有场景。
生成后要在网页里加什么代码？
点击「复制 HTML 代码」即可获得完整引用片段，包含 favicon、apple-touch-icon 与 site.webmanifest 的 link 标签，粘贴到页面 head 中就完成了全部接入。
上传非方形图片会怎样？
工具按「contain 居中」处理：图片完整放入正方形画布，留出的区域可选透明或指定颜色填充，并提供无 / 圆角 / 圆形三种遮罩形状预览。
site.webmanifest 是必须的吗？
它用于 PWA 与主屏图标声明（192 / 512 尺寸）。普通网站可以不用，但如果你希望用户把站点添加到手机主屏时有像样的图标，建议一并部署。