立刻做出网站图标和网页应用图标
一份素材，产出现代网站需要的全部文件：多分辨率的 favicon.ico、矢量 favicon.svg、Apple 触摸图标、Android 启动器图标与可遮罩图标、网页清单文件，以及把它们串起来的 head 代码片段。
要生成的文件
把这段贴进你的 <head>
内容会随你勾选的文件变化。把图标包放到站点根目录，再粘贴这段代码。
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#3b82f6">
工作方式
选择素材
一个表情符号、一到三个字母，或你自己的标志。上传文件只是把它备好：在你下令之前不会生成任何东西。
调整底板
形状、纯色或渐变、描边和内边距。每改一处，预览就会重绘一次。
手动摆放
拖动移动、滚轮以光标为中心缩放、自由旋转。Ctrl+Z 可以撤销任何一步。
交付图标包
下载 ZIP，放进站点根目录，再粘贴 head 代码片段。
真正的多图幅 ICO
16、32、48 像素的图幅以 32 位 BMP 写入，并带有规范的 AND 掩码，因此老版本的 Windows 外壳和严格的图标解析器都能接受。
真正的方圆形
圆角底板是一条超椭圆，与 iOS 应用图标所用的曲线属于同一族，而不是一个假装成方圆形的圆角矩形。
矢量 favicon.svg
表情符号和字母图标会导出为真正的矢量代码，在任何屏幕和深色模式下都保持锐利。
正确的 iOS 触摸图标
Apple 图标会压平到你选定的颜色上，因为 iOS 会把主屏幕上的透明区域画成纯黑。
与整套工具串联
把做好的图标直接送去压缩、裁剪、转换或去背景，不用下载再重新上传。
任何内容都不离开标签页
在浏览器里运行的 Canvas 与 ZIP 打包器。无需上传、无需接口、无需账号，断网也照常可用。
先按 1024 像素渲染一次，再正确缩小
把表情符号直接画进 16 像素的画幅，正是多数生成图标看起来糊成一团的原因：彩色表情字体会退回到最小的位图版本。FaviconBolt 只渲染一张 1024 像素的母版，再由它派生出所有尺寸，实测在 16 像素下比直接按该尺寸绘制更接近理想缩放，误差小了 87%。可选的锐化在预乘 alpha 上进行，把平均运算带走的边缘对比补回来。
100% 本地生成
你的标志绝不会离开你的电脑。渲染、ICO 二进制和 ZIP 都在页面内完成，本页的插画也是内联 SVG，因此同样不会从 CDN 拉取任何东西。
浏览器真正会来要的每一个文件
把 ZIP 解压到站点根目录，再粘贴生成的 head 代码块。清单文件里写的是你自己的站点名称、start URL 和作用域，而不是占位文本，因此安装提示显示的内容是对的。
ICO 的图幅是带 AND 掩码的 BMP，而不是内嵌的 PNG 数据流；Apple 触摸图标以不透明方式输出；Android 可遮罩图标是满幅的，系统蒙版不会把你的图案裁两次。
常见问题
Qfavicon.ico 文件里装的是什么？+
三幅图标：16x16、32x32 和 48x48，打包在同一个二进制文件里。它们以 32 位 BMP 加 1 位 AND 掩码的形式保存，这是所有图标读取器都认识的格式。PNG 压缩的图幅从 Windows Vista 起才受支持，至今仍有解析器拒绝它们。
QApple 触摸图标为什么是实心背景？+
iOS 在主屏幕图标上忽略 alpha 通道，会把任何透明区域叠到黑色上。把触摸图标压平到你选定的颜色，是控制它安装后外观的唯一办法。
Q可遮罩图标是做什么用的？+
Android 会套用自己的蒙版，有的启动器是圆形，有的是方圆形。可遮罩图标满幅绘制，图案留在安全区之内，这样系统裁切时不会切到你的标志。
Q能拿到矢量的 favicon.svg 吗？+
可以。表情符号和字母模式下是货真价实的矢量代码；上传 SVG 标志也会保持矢量。若上传的是位图，我们会把 512 像素的渲染结果嵌进 SVG，并如实说明，而不会假装把 JPEG 描成了矢量。
Q可以手动摆放图标吗？+
拖动画布可以移动图案，滚轮会朝着光标缩放，还有旋转滑块。方向键微调，加号减号缩放，0 键重置，Ctrl+Z 沿历史后退。按住 Alt 会显示未经处理的原图。
Q会上传任何东西吗？+
不会。文件的解码、渲染和打包都由你自己的浏览器完成，全程没有任何服务器请求，这也是它断网后仍能使用的原因。