跳到正文
EVOA Toolbox

Favicon 生成器

用一张图片生成完整的网站图标包:favicon.ico、多种尺寸的 PNG、Apple Touch 图标、Android 图标、web manifest 和 HTML 标签。

在浏览器中本地处理,你的文件不会被上传。

正在加载工具…

这个工具能做什么

上传一个 Logo 或图标,一次就能得到现代网站所需的全部图标:favicon-16x16.png、favicon-32x32.png、favicon-48x48.png、真正的多尺寸 favicon.ico、180x180 的 apple-touch-icon.png、192x192 和 512x512 的 Android Chrome 图标,以及可直接粘贴的 site.webmanifest 和对应的 HTML link 标签。

你可以添加内边距,选择方形、圆角或圆形,并为背景填充颜色或保持透明。每个尺寸都采用逐级缩小的方式渲染(在最后一次绘制前反复减半),比一次性大幅缩小更能让小图标保持清晰。每个尺寸都有独立的预览和下载按钮,ZIP 压缩包会把所有文件和一份说明存放位置的 snippet.txt 打包在一起。

ICO 文件在你的浏览器中生成,内嵌 16、32 和 48 像素的 PNG 图像,这是当前所有浏览器和 Windows 都能读取的格式。不会上传任何内容:图片在你的设备上解码并绘制到画布中。

使用方法

  1. 1添加一张 PNG、SVG、JPG 或 WebP 图片。建议使用 512x512 px 或更大的方形图片,效果最好。
  2. 2选择形状、内边距和背景(透明或纯色)。在每个尺寸下实时查看预览。
  3. 3为 web manifest 填写应用名称和主题色。
  4. 4下载单个文件,或下载完整的 ZIP。
  5. 5把文件复制到网站根目录,并将 HTML 代码片段粘贴到页面的 <head> 中。

支持的格式

输入:PNG、SVG、JPG/JPEG 和 WebP。输出:PNG、ICO(16/32/48 px)、site.webmanifest 和文本代码片段,打包为 ZIP。

隐私

此工具在你的浏览器中运行。你提供的数据在你的设备上处理,不会发送到我们的服务器。

限制

  • 非正方形的图片会在不拉伸的前提下适配到正方形内,因此图标会出现空白边;建议先裁剪成正方形以获得更好的效果。
  • 小于 512 px 的图片在生成最大尺寸图标时会被放大,看起来会比较模糊。SVG 输入会先以高分辨率栅格化,因此依然清晰。
  • 16 px 的图标非常小:细节复杂的 Logo 往往需要简化版本才能看清。
  • 本工具不会生成矢量 favicon.svg、maskable(安全区)图标或 Windows 磁贴图片。

常见问题

我到底需要哪些文件?

大多数网站需要:根目录下的 favicon.ico、一个 32x32 的 PNG、apple-touch-icon.png(180x180),以及 web manifest 中引用的 Android 192/512 图标。生成的图标包包含以上全部文件。

替换后为什么我的 favicon 没有更新?

浏览器会大量缓存 favicon。可以强制刷新、清除网站数据,或在 link 标签中加入版本查询参数,例如 /favicon.ico?v=2。

ICO 文件是真正的多尺寸图标吗?

是的。它在标准 ICO 容器中包含三张经 PNG 压缩的图像(16、32 和 48 px),因此每个显示 favicon 的地方都能选择最合适的尺寸。

可以使用照片或 JPG 吗?

可以,但照片在 16 px 下很少好用。轮廓鲜明的 Logo 和简单符号效果最好。JPG 不支持透明,所以请选择背景色,或接受原图的背景。

相关工具