Favicon 生成器：用任意图片制作网站图标
把标志生成 16×16 到 512×512 的 PNG 网站图标、Apple 和 Android 图标，并附带 manifest.json 和 HTML 代码，一个 ZIP 打包下载。
正在加载Favicon 网站图标生成器…
您的文件绝不离开您的设备
如何使用Favicon 网站图标生成器
- 1
在此页面打开Favicon 网站图标生成器，它直接在浏览器中加载。
- 2
添加文件、文本或数值，并调整设置。
- 3
复制或下载结果。不会上传或存储任何内容。
如何为网站制作 favicon 图标
WoowTools Favicon 生成器可以把一个标志或一张图片，转换成现代网站所需的完整图标组合：显示在浏览器标签页上的小尺寸 PNG 网站图标、用于 iPhone 和 iPad 主屏幕的 Apple touch 图标，以及用于渐进式网页应用（PWA）的 Android Chrome 图标。你可以单独下载每个图标，也可以一次性打包成 ZIP 下载，压缩包里还附带一份现成的 manifest.json 和一段包含 link 标签的 HTML 代码片段，直接粘贴到网页的 head 中即可。全部操作都在浏览器中完成，你的标志不会被上传。
可以生成的图标尺寸
- 16×16 和 32×32：浏览器标签页、书签和历史记录（普通屏和 Retina 屏）。
- 48×48 和 64×64：Windows 网站图标和任务栏。
- 96×96：Google TV；128×128：Chrome 网上应用店。
- 152×152、167×167 和 180×180：iPad、iPad Pro 和 iPhone 的 Apple touch 图标。
- 192×192 和 512×512：Android Chrome 及 PWA 安装图标。
默认已勾选七个尺寸（16、32、48、152、180、192 和 512），几乎能满足所有网站的需要。你可以随意勾选或取消某个尺寸，也可以使用 Select All 和 Deselect All。
如何制作网站图标
- 上传 PNG、JPG、SVG、WebP 等格式的标志图片（最大 10 MB）。建议使用至少 512×512 像素的正方形图片，效果最清晰。
- 选择背景颜色。它会填充透明区域以及非正方形标志周围的空白。可一键选择白、黑、蓝、绿、琥珀或红色，也可以输入任意颜色。
- 勾选需要的尺寸并点击生成。每个图标都会显示预览，方便你检查在极小尺寸下是否依然清晰可辨。
- 逐个下载 PNG，或点击全部下载获取 favicons.zip。
- 把文件上传到网站根目录，再把 html-snippet.html 中的代码粘贴到页面的 <head> 里。
ZIP 压缩包里有什么
压缩包包含你生成的全部 PNG 文件，并使用通用的文件名（例如 favicon-32x32.png、apple-touch-icon-180x180.png 和 android-chrome-512x512.png）；一个列出 Android 图标、并以你的背景色作为主题色和背景色的 manifest.json；以及一段 HTML 代码，包含 16、32、180、192 和 512 像素图标、manifest 的 link 标签和 theme-color 元标签。发布前请记得修改 manifest.json 里的应用名称。
制作好看网站图标的小技巧
- 尽量简化。带标语的完整标志在 16 像素下会糊成一团。只保留图形或首字母，并检查 16 和 32 像素的预览效果。
- 从正方形开始。图片会按比例缩放并居中放进正方形，不会变形。较宽的标志可以先用图片裁剪工具裁成正方形，让图标更饱满。
- 矢量标志？先用SVG 转 PNG 工具导出一张大尺寸 PNG，或者用Logo 制作工具从零设计一个简洁的标识。
- 认真选择背景色。生成的图标带有纯色背景，建议选择品牌色，或在浅色和深色浏览器主题下都好看的颜色。
为什么选择这款生成器
它完全免费，无需注册，也不会在你的图标上添加任何标记。由于每个尺寸都是在你浏览器中的画布上绘制的，尚未发布的标志始终留在你的电脑里，整套图标一秒钟即可生成完毕。
功能
- 11 种图标尺寸，从 16×16 到 512×512 像素
- Apple touch 图标（152、167、180）和 Android Chrome 图标（192、512）
- ZIP 打包，含 manifest.json 与 HTML link 标签代码
- 可为透明或空白区域设置背景色
- 保持标志比例并自动居中
- 浏览器本地运行，标志不会上传
常见问题
怎样为网站制作 favicon？
上传正方形标志，选择背景色和所需尺寸，生成后下载 ZIP。把 PNG 文件上传到网站，再把附带的 HTML 代码粘贴到页面 head 中。
favicon 应该是多大尺寸？
浏览器标签页使用 16×16 和 32×32 像素，iOS 使用 180×180 像素的 apple-touch-icon，Android 使用 192×192 和 512×512 像素。本工具可以用一张图片生成全部尺寸。
这个工具会生成 favicon.ico 文件吗？
不会。它生成的是 PNG 格式的网站图标，所有现代浏览器都能通过附带 HTML 代码中的 link 标签正常识别。
会附带 manifest.json 吗？
会。ZIP 中包含列出 Android 图标的 manifest.json，并以你的背景色作为主题色。发布前请修改应用名称。
网站图标可以是透明背景吗？
生成器会用你选择的背景色填充透明区域，因此图标始终带有纯色背景，在浅色和深色主题下都清晰可见。
什么样的图片效果最好？
至少 512×512 像素、简洁的正方形标志或图形。细小的文字和线条在 16 像素下会消失。
我的标志会被上传到服务器吗？
不会。所有图标都在你的浏览器中生成，文件不会离开你的设备。