在线 Favicon 图标生成器
输入文字或上传图片，即可按尺寸生成网站所需的 favicon 文件。
输入的文字和文件不会发送到服务器，只在本浏览器中处理。
将文件拖到这里，或点击选择
iOS 会自行裁出圆角，所以 apple-touch-icon（180px）始终生成填满背景的方形图标。
预览
文件
HTML 标签（放在 <head> 中）
site.webmanifest
使用方法
- “用文字或表情”可以用一两个字或表情符号制作，“用图片”则上传 Logo 图片制作。
- 设置背景色、形状（方形、圆角方形、圆形）以及文字大小或边距，右侧预览会立即更新。
- 点击“打包下载 ZIP”，即可一次拿到 favicon.ico、6 个 PNG、site.webmanifest 和标签文件，也可以单独下载每个文件。
- 把文件上传到网站根目录，再将“HTML 标签”粘贴到 <head> 中。
常见问题
favicon.ico 里包含哪些尺寸？
包含 16、32、48px 三种尺寸，均以 PNG 格式存放。新版浏览器和 Windows 都能直接读取 ico 中的 PNG。
可以修改文件名吗？
可以，但 HTML 标签和 site.webmanifest 中的路径也要一起修改。保持原文件名是最省事的做法。
表情在不同设备上长得不一样？
表情是用当前设备安装的字体绘制的，Windows、Mac、安卓的样式各不相同。生成的 PNG 是图片，下载后在任何地方看起来都一样。
换了 favicon，浏览器里却没变化？
浏览器会长期缓存旧的 favicon。可以强制刷新，或在标签的文件地址后加上 ?v=2 再试。