Favicon 生成器
将任意图片转换为完整的 favicon 套装——favicon.ico、每种 PNG 尺寸、苹果触控图标和网页清单文件。
如何使用 Favicon 生成器
- 上传一张图片——最好是正方形,且至少 256×256 像素。
- 工具会渲染出每种图标尺寸、favicon.ico 和一份网页清单文件。
- 下载 ZIP 压缩包,并按照其中的 README 说明将图标添加到您的网站。
关于 Favicon 生成器
本工具能从单张图片生成网站所需的整套图标,让您无需手动导出十几种不同尺寸。上传一张图片,它就会渲染出 favicon.ico(一个真正的多分辨率图标,内含 16×16、32×32 和 48×48 三种版本)、从 16×16 到 512×512 的每一种独立 PNG 尺寸、面向 iPhone 和 iPad 的完整一系列苹果触控图标、两种 Android/PWA 图标、一份 site.webmanifest 文件,以及一份 README,其中包含可直接粘贴到页面头部的确切 HTML 代码。每个文件都按照标准且易于理解的方式命名——favicon-32x32.png、apple-touch-icon-180x180.png、android-chrome-512x512.png——因此可以直接放入任何项目中使用。
有两个细节处理得很到位,而非草率了事。原图会被无失真地适配为正方形:非正方形图片会被居中放置在一块正方形画布上,而不是被拉伸,因此不会出现挤压或裁切变形。透明度也得到了恰当处理——该保留的保留,该移除的移除:favicon 的 PNG 文件会保留透明背景,而苹果触控图标则会被平铺到白色背景上,因为 iOS 会把透明的 apple-touch-icon 渲染为纯黑色显示在主屏幕上。高分辨率的正方形原图能带来最清晰的效果;极小的 16×16 图标在缩放过程中会经过锐化处理,但这无法为过小或模糊的原图凭空添加细节。
您的图片会在服务器上处理,随后连同生成的所有图标一起被删除——不会保留或记录任何内容。favicon.ico 采用了所有现代浏览器都能识别的 PNG-in-ICO 格式。如果您的素材是 SVG 格式,请先将其导出为 PNG 再上传;本工具接受的是位图图像,以保证输出结果可预期。如果您正在处理图片,不妨看看 图片压缩工具 或 PNG 转 JPG 转换工具。
常见问题
下载内容中包含哪些文件?
一个 favicon.ico(内含 16、32 和 48 像素三种版本)、从 16×16 到 512×512 的独立 PNG 文件、苹果触控图标(57 到 180 像素)、192 和 512 尺寸的 android-chrome 图标、一份 site.webmanifest,以及一份包含 HTML 代码片段的 README.txt,可直接粘贴到您页面的头部。
我的图片应该是什么尺寸和形状?
正方形效果最好,至少 256×256,理想情况下为 512×512,这样即使是最大的图标也能保持清晰。非正方形图片会被无失真地居中放置在一块正方形画布上,因此仍然可用——只是较长边会留出透明边距。
我该如何把 favicon 添加到我的网站?
将文件上传到网站的根目录,并将附带的 README.txt 中的几行代码粘贴到页面的 <head> 中。这样就能覆盖浏览器、iOS、Android 以及 PWA 安装场景。
为什么我的图标在 iPhone 上显示为白色背景?
苹果触控图标不能是透明的——iOS 会把透明区域渲染为黑色,因此本工具会将其平铺到白色背景上。常规的 favicon PNG 文件则会保留透明度,用于浏览器标签页显示。
我可以上传 SVG 吗?
无法直接上传。本工具只接受位图图像——PNG、JPG、WebP 或 GIF——以保证输出结果可预期。如果您有 SVG 文件,请先将其导出为 512×512 的 PNG,再上传该文件。
我的图片会被保留在服务器上吗?
不会。它会被用于生成图标,随后连同所有生成的文件一起立即删除。不会存储或记录任何内容。