Favicon 生成器
用一张 PNG / SVG 生成网站图标全套:favicon.ico、16–512 像素 PNG、Apple Touch Icon、manifest 和 HTML 代码。
或把图片拖到这里
最大 30 MB图片只在你的浏览器里处理,不会上传- 1选择图片
选一张正方形图(建议 512 像素以上或 SVG)。
- 2设置
选圆角、背景色。
- 3下载
下载 zip,把里面的 HTML 片段贴到 head。
「Favicon 生成器」使用指南
生成了哪些文件
一个 zip,里面有 favicon.ico(16、32、48 px 打在一个文件里)、16/32/48/180/192/512 px 的 PNG、iOS 主屏用的 apple-touch-icon.png、可安装 Web 应用用的 icon-192 和 icon-512、写着你填的应用名的 site.webmanifest,以及装着待粘贴标签的 head-snippet.html。
源图怎么准备
512 px 以上的正方形 PNG,或者一个 SVG,出来最干净。记住浏览器标签页里只有 16 px:带文字的完整 logo 在那个尺寸会糊成一团,裁到只剩图形部分,或者干脆用一个字母。圆角和背景的设置会同时套用到所有尺寸。
放到网站上
把 zip 里的文件放进网站根目录,再把 head-snippet.html 的内容粘进 <head>。浏览器对 favicon 缓存得很久,验证时请用无痕窗口或强制刷新。
常见问题
照片会上传到服务器吗?
不会。所有处理都在你的浏览器里完成,照片从头到尾不离开你的设备。关闭页面后什么都不会留下。
需要哪些尺寸?
现代网站只要 favicon.ico、一个 32px PNG、180px Apple Touch Icon 和 192/512px 的 manifest 图标就够了,工具会一起生成。