Favicon 生成器

用一张 PNG / SVG 生成网站图标全套:favicon.ico、16–512 像素 PNG、Apple Touch Icon、manifest 和 HTML 代码。

或把图片拖到这里

最大 30 MB图片只在你的浏览器里处理,不会上传
  1. 1选择图片

    选一张正方形图(建议 512 像素以上或 SVG)。

  2. 2设置

    选圆角、背景色。

  3. 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 图标就够了,工具会一起生成。