Favicon 图标生成

一张图生成全站图标:16~512 多尺寸 PNG、favicon.ico 与 PWA 引用配置

上传原图

点击选择或拖拽图片到这里(建议 ≥512×512 的方图)

形状
背景
留白
0%
当前图片没有透明区域,背景色被图片盖住看不见——拖动上方"留白"滑杆给四周留出边距即可显示
生成结果(点击单张可下载 PNG)
网站引用代码(放入 <head>)

常见问题

生成的图标会上传服务器吗?

不会,全部在你的浏览器本地用 Canvas 生成,图片不出本机,断网也能用。

favicon.ico 里包含哪些尺寸?

16/32/48/64/128/256 六档打包进一个 ico,浏览器按显示场景自动选最清晰的一档。

换了图标浏览器还是显示旧的?

浏览器对 favicon 缓存很顽固,用 Ctrl+F5 强刷或无痕窗口验证,上线后 CDN 缓存也要刷新。

ZIP 包里都有什么?

favicon.ico、8 个尺寸 PNG(含 apple-touch-icon 与安卓图标)、site.webmanifest 和可直接粘贴的 head 引用代码。