PNG 转 ICO 在线生成 favicon

把 PNG 变成真正的多分辨率 .ico 图标,一个文件里同时装 16、32、48 像素三档,全程在浏览器本地完成。

你放进来的文件全部由浏览器本地处理,不会上传,也不会存在我们的服务器上——页面加载完成后即使断网,工具照样能用。

PNG 转 ICO 怎么用

  1. 1拖一个 PNG 到上面的方框,或者点一下选文件。JPG、WebP、SVG、GIF 也能用。
  2. 2工具会渲染 16、32、48 像素三个版本,并把它们打进同一个 .ico 文件。
  3. 3下载后改名成 favicon.ico,放到网站根目录。

png 转 ico 到底产出了什么

不是一个改了名的 PNG。.ico 是一种容器格式:一个小小的文件头,后面跟着一张或多张完整图片, 而从 Windows Vista 起,这些图片可以是 PNG,不必再用老式位图布局。所以一个正规的 .ico 会同时装 好几个分辨率,谁来显示它就挑最接近的那一档。

本工具写进去三档:16、32、48 像素。这三个是真的会被索取的尺寸——浏览器标签页在标准屏上用 16、 在缩放屏或视网膜屏上用 32,Windows 资源管理器的列表视图要 48。只放一个尺寸,就等于逼上面每一个 使用方去缩放,而把 16 像素往上拉、或者把 48 像素往下压,正是图标变糊的地方。

非正方形素材是裁,不是压

图标是方的。你的素材不是方的,总得舍掉点什么。

这里的选择是居中裁切,而不是拉伸。在这个尺度上,变形比裁掉一点边缘显眼得多,一个被压扁的 logo 看上去就是"坏了",而稍微裁紧一点不会。如果你素材里重要的部分不在中间,那就自己先裁成正方形再来, 这样留在画面里的东西由你决定。

从大图开始

文件里每一档都是从你给的图缩下来的,所以源分辨率决定了质量的天花板。256 像素见方或更大最理想。 拿一张 32 像素的图来要 48 像素那一档,那就是在放大,而本工具不会凭空造出不存在的细节。

简洁、高对比的图形能活着走到 16 像素。细线、小字、微妙渐变不行,源图再好也不行。如果你的 logo 带字标,做图标时通常只要那个符号。

它是个 favicon 生成器,但有一个刻意的边界

如果你搜的是 favicon 生成,那这就是;而它产出的 .ico 也正是真正需要"生成"的那一部分。它不做的 事情是:一并吐出某些生成器打包给你的那一整套 Apple touch 图标、Android manifest 图标和 Windows 磁贴图。那些说到底就是固定尺寸的普通 PNG,本站的尺寸调整工具一遍就能做出来,它们谁也不需要容器 格式。

文件放在哪儿

把下载下来的文件改名成 favicon.ico,放到网站根目录,让它能在 /favicon.ico 被访问到。即使你 的 HTML 里一个字都没写,浏览器也会自动请求这个路径,一批爬虫和链接预览服务同样如此。

同时在 HTML 里再声明一个 PNG 或 SVG 图标依然值得做,因为在支持的地方它们能给出更高的分辨率。 .ico 是地板,不是全部。

在你的浏览器里生成

PNG 的渲染和容器的组装都在本地完成。没有任何文件被上传——对一个还没发布的 logo 来说,这是件值得 在意的事。

图本身还没有?

如果你来这儿是因为素材压根还不存在,那就先生成:把想要的画面描述出来,从 Flux、GPT Image、Nano Banana、Seedream 等模型里挑一个。

打开 AI 图片生成

常见问题

为什么一个 .ico 里要装三个尺寸?
因为 ICO 是一种容器格式,而不同的地方要不同的尺寸:浏览器标签页按你的显示缩放用 16 或 32,Windows 资源管理器要 48。三档都带上,谁都不用去缩放一张尺寸不对的图。
PNG 不是正方形怎么办?
渲染前会居中裁成正方形。拉伸会让图标明显变形,而在 16 像素这个尺度上,变形是最扎眼的瑕疵。
源 PNG 该多大?
至少 256 像素见方,更大也没问题。所有尺寸都是从你的源图缩下来的,进来的细节越多,出去的小尺寸就越干净。
2026 年了还需要 favicon.ico 吗?
现代站点在 HTML 里声明 PNG 或 SVG 图标基本就够了。但放在根目录的 .ico 仍然是浏览器和爬虫在没人告诉它们的情况下会主动去探的那个兜底文件,所以还是值得有一个。

更多免费工具