Favicon 生成器
从一张图片生成完整的 favicon 图标集 —— favicon.ico、apple-touch-icon、Android/PWA 图标以及 HTML 代码片段 —— 全部在你的浏览器中完成。不上传任何内容。
隐私优先：每张图片都在你的浏览器中本地处理。任何内容都不会上传、存储或传输到任何服务器。
现代网站需要的每个图标，一次生成
favicon 早就不是一个文件了。浏览器会读取小尺寸的 favicon.ico 用于标签页和地址栏，iOS 需要 180×180 的 apple-touch-icon 放到主屏幕，而 Android 和可安装的网页应用则会从 web manifest 中取用 192 和 512px 的 PNG。这个生成器从一张源图片一次性生成全部文件，还附上可直接粘贴的 HTML 代码片段，省得你手工导出六个尺寸。
按你的想法构图，而且全程私密
图标可以保持方形、加上圆角，或裁成圆形；可以加内边距，免得 Logo 顶到边缘；背景也能选透明或纯色。实时预览会按 favicon 的真实尺寸呈现效果，还包括一个模拟的浏览器标签页。由于每个文件都在你的设备上生成，你的 Logo —— 往往是尚未发布的品牌资产 —— 绝不会被发送到服务器。
常见问题
- 制作 favicon 时我的图片会被上传吗？
- 不会。favicon.ico、PNG 图标和清单文件全部通过 Canvas API 在你的浏览器中本地生成。你的图片绝不会离开你的设备。
- 我会得到哪些尺寸和文件？
- 一个多分辨率的 favicon.ico（16、32 和 48px），16、32、48、180（apple-touch-icon）、192 和 512px 的 PNG 图标，一个 site.webmanifest，以及一段可粘贴到你 <head> 中的 HTML 代码。
- 我可以把 PNG 或 SVG 转换成 ICO 吗？
- 可以。放入一张 PNG、JPG、SVG 或 WebP，即可下载一个真正的 favicon.ico。SVG Logo 会先在本地以高分辨率栅格化。
- 什么样的图片效果最好？
- 简洁、高对比度的方形 Logo 图片。非方形图片会被居中裁剪以适配；可用内边距和形状控件把它调整成你想要的样子。
- 我该如何安装 favicon？
- 把套件解压到你网站的根目录，并把提供的 HTML 代码粘贴到页面的 <head> 中。大多数浏览器会自动识别 favicon.ico。