尺寸不完整
浏览器标签页常用 16x16 或 32x32，搜索和高清场景需要更大的方形图标，移动端快捷方式常用 180x180 或 manifest 图标。
AD
网站图标生成器功能
网站图标生成器把 favicon.ico、PNG 缩放、HTML 代码和文件包下载都放在浏览器本地完成。
支持图片、文字和 emoji
用品牌图、文字缩写、单个字母或 emoji 开始制作，并在导出前预览小尺寸效果。
常用 favicon 尺寸
生成 16x16、32x32、48x48、180x180、192x192、512x512 PNG 图标。
导出 favicon.ico
把多个尺寸合并到一个 favicon.ico 文件中，用于传统浏览器和根目录默认图标。
HTML 引用代码
复制 rel icon、apple-touch-icon、manifest 和 theme-color 代码。
浏览器标签页预览
下载前先看图标和网站标题放在标签页里的效果。
完整 ZIP 文件包
一次下载 favicon.ico、PNG、Android Chrome 图标、apple-touch-icon.png、site.webmanifest 和 favicon-html.txt。
如何使用网站图标生成器
当独立站、产品页或文档站准备上线时，用网站图标生成器快速补齐浏览器和移动端需要的图标文件。
01
选择输入来源
上传图片、输入短文字或 emoji，然后调整颜色、形状、适配方式和留白，让小尺寸图标仍然清晰。
- 上传图片、输入短文字或 emoji，然后调整颜色、形状、适配方式和留白，让小尺寸图标仍然清晰。
02
选择输出尺寸
保留 16x16、32x32、48x48 用于 favicon.ico，再加入 180x180、192x192、512x512 覆盖触屏图标和 manifest。
- 保留 16x16、32x32、48x48 用于 favicon.ico，再加入 180x180、192x192、512x512 覆盖触屏图标和 manifest。
03
下载并部署
下载文件包，把文件放到网站根目录或 public 目录，把 HTML 代码粘贴到 head 中，然后测试浏览器标签页。
- 下载文件包，把文件放到网站根目录或 public 目录，把 HTML 代码粘贴到 head 中，然后测试浏览器标签页。
网站图标生成器工作流程
从第一版图标到开发交付，网站图标生成器覆盖常见 favicon 文件。
网站图标生成器使用场景
网站图标生成器适合独立站站长、开发者、新网站上线和品牌快速验证。
新网站上线
为落地页、作品集、博客、文档站或产品页准备网站图标文件。
开发交付
给前端团队完整文件包，而不是只给一个超大 logo 图片。
品牌快速验证
在确定最终图标前，测试文字缩写、背景色、emoji 和上传的品牌图。
网站图标生成器常见问题
关于图标尺寸、favicon.ico、PNG 转 ICO 和 HTML 引用代码的常见问题。
网站图标生成器应该导出哪些尺寸？
本工具导出 16x16、32x32、48x48、180x180、192x192、512x512。小尺寸用于浏览器标签页，180x180 用于 Apple touch icon，192x192 和 512x512 常用于 Web App Manifest。
可以 PNG 转 ICO 吗？
可以。上传 PNG 或在工具中创建图标，选择尺寸后即可下载多图像 favicon.ico。
网站图标生成器会上传图片吗？
不会。图片通过浏览器 canvas 本地渲染，ZIP 也在本地生成。
为什么要生成 HTML 代码？
浏览器和平台会根据 link 标签与 manifest 选择图标。复制代码可以减少漏写 favicon.ico、PNG、apple-touch-icon 和 theme color 的错误。