PNG转ICO转换器
把正方形PNG转换为一个同时包含多种图标尺寸的.ico文件,从浏览器标签页用的16 px到Windows用的256 px都有。透明的边角和边缘会保持透明。
图片格式转换
或将JPG, JPEG, JPE … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理,并在 30 分钟后删除。
85 可使照片在视觉上与原图无差别。只有在需要更小的文件时才调低。
JPG、BMP 和 EPS 不支持透明。透明像素会用此颜色填充。
用于透明像素底色的十六进制颜色,例如 #FFFFFF。
此格式只能保存单张图像。如需保留动画,请选择输出 GIF 或 WebP。
多尺寸图标在一个文件中包含多种分辨率,浏览器和操作系统会选用所需的尺寸。
保持原始尺寸,或输入一边的数值,自动保持宽高比。
上面所选边的像素值。
相对于原始尺寸的百分比。
屏幕和网页使用 sRGB 即可。印刷流程请保持原样;灰度会丢弃颜色。
仅写入元数据,0 表示保留原值。打印机和部分网站会读取此数值,它不会改变像素尺寸。
使用方法
- 1
上传正方形PNG
请使用至少 256 × 256 px、背景透明的素材。每批最多 20 个 PNG,每个不超过 95 MB。
- 2
选择图标尺寸
图标尺寸默认是所有尺寸(16–256),一般选它即可。只有程序明确要求某个尺寸时,才在高级设置中单独选择。
- 3
转换并使用.ico文件
点击转换为 ICO,下载文件后放到网站根目录,或让 Windows 快捷方式指向它。上传的文件会在 30 分钟后删除。
ICO 是存放多张图标图像的小型容器,而不是单张图片:一个文件可以同时包含 16、32、48 和 256 px 的版本,系统会选择最合适的一个。
PNG转ICO:一个文件包含多种尺寸
ICO 格式源自 1985 年的 Windows 1.0,当时的图标只是很小的位图。它的关键在于文件开头的目录,目录列出了内部每张图像及其宽度和高度。Windows Vista(2007)允许这些图像以 PNG 形式存储,因此带平滑透明效果的 256 × 256 图标也能放进体积很小、加载极快的文件里。
在这里转换 PNG 时,会自动为你生成这个容器。源图会被缩放到各个尺寸,并保留 Alpha 通道,使圆角和柔和阴影在深色和浅色背景上都显示正常,最后全部写入一个 .ico 文件。请从 256 px 或更大的素材开始;把 32 px 的 PNG 放大到 256,只会得到一个很大但模糊的图标。
16 × 16 px
浏览器标签页
标准像素密度下的标签页和书签
32 × 32 px
高 DPI 屏幕上的标签页
Retina 显示屏和 200% 的 Windows 缩放
48 × 48 px
Google 搜索结果
Google 要求使用边长为 48 px 整数倍的正方形 favicon
256 × 256 px
Windows 超大图标
ICO 文件可容纳的最大图像
PNG
便携式网络图形(PNG)
PNG 是 PNG 开发组于 1996 年发布的无损位图格式,后来由 W3C 和 ISO 标准化。它精确保留每个像素,支持完整的 Alpha 透明度,处理文字、锐利边缘和纯色块时不会产生伪影。这种精确度使它非常适合截图、徽标、图标和界面图形。代价是体积:保存为 PNG 的照片往往比同一张照片的 JPEG 或 WebP 大好几倍。所有浏览器、操作系统和编辑器都能打开 PNG 文件。
- 压缩方式
- 无损
- 透明度
- 支持
- 动画
- 不支持
- 发布年份
- 1996 · PNG Development Group
ICO
Windows 图标
ICO 是微软的图标格式,用于 Windows 程序图标和网站 favicon。一个 .ico 文件可包含多种尺寸的图像,例如 16×16、32×32、48×48 和 256×256 像素,系统可选择最合适的一个。每个图像可存为位图或 PNG 数据,并支持完整的 Alpha 透明度。ICO 不适合照片或大幅图稿。浏览器、Windows 和大多数图标编辑器都能读取。
- 压缩方式
- 无损
- 透明度
- 支持
- 动画
- 不支持
- 发布年份
- Microsoft
PNG 只是单一尺寸的一张图片,而 Windows 和浏览器需要把多种尺寸打包在一起的 .ico,这样每块屏幕都能选用最清晰的一张;而从 ICO 转回 PNG 只是提取图像。
网站图标还是Windows图标:ICO里该放哪些尺寸
浏览器以 16 px 绘制标签页图标,高 DPI 屏幕为 32 px,而 Google 搜索以 48 px 为基准显示 favicon。保留所有尺寸,一个文件就能覆盖这三种情况。
- 保存为
favicon.ico,放在网站根目录 - 另外添加一个 180 × 180 的 PNG 作为 Apple touch icon
Windows 在标题栏中使用 16 px,在“超大图标”视图和高 DPI 桌面上最高使用 256 px。缺少 256 px 的文件在这些场景下会显得模糊。
- 保留所有尺寸
- 同时在深色和浅色任务栏上检查图标效果
部分游戏启动器、服务器面板和老程序只读取第一张图像,或要求固定尺寸。在图标尺寸中选择 256、128、64、32 或 16 px,即可生成单图像的 ICO。
- 按程序文档中说明的尺寸选择
- 需要固定 256 px 图标,请见 PNG转ICO 256x256
准备在16 px下依然清晰可辨的PNG图案
favicon 的概念来自 1999 年的 Internet Explorer 5:用户收藏网站时,它会在网站根目录查找名为 favicon.ico 的文件。其他浏览器纷纷效仿,所以直到今天,服务器日志里仍会出现对这个路径的请求。
16 × 16 一共只有 256 个像素,所以图案必须醒目。去掉标语和细轮廓,保证在浅色和深色浏览器主题下都有强对比,并在图形周围留出一个像素的边距。许多品牌只使用首字母或符号。如果你的 Logo 有矢量文件,可以用 SVG转ICO 转换,这样每个尺寸都由清晰的轮廓绘制。
PNG转ICO常见问题
如何把PNG转成ICO用作网站favicon?
选择所有尺寸进行转换,把结果重命名为 favicon.ico,上传到网站根目录。浏览器会自动请求这个路径,你也可以在页面头部用 link rel="icon" 标签引用它。
为什么图标在16像素下看起来很模糊?
细节丰富的图案缩小到 16 × 16 后很难保留,一个字母或一条细线占不到一个像素。请简化小尺寸图标:在浏览器标签页里,一个醒目的字母或图形比带文字的完整 Logo 更易辨认。
PNG不是正方形会怎样?
图标是正方形的,宽幅 Logo 会被补边或被压扁,具体取决于读取它的程序。建议先把 PNG 裁剪或补边成正方形画布,由你来决定空白留在哪里。
可以用.ico文件更改Windows文件夹图标吗?
可以。右键点击文件夹,打开“属性 > 自定义 > 更改图标”,再浏览选择该 .ico 文件。桌面快捷方式同样可以通过“属性 > 更改图标”设置。
网站已有PNG图标,还需要ICO文件吗?
现代浏览器支持页面头部声明的 PNG 和 SVG 图标,但部分工具、订阅阅读器和旧版浏览器仍会直接请求 /favicon.ico。在该位置放一个包含多种尺寸的小 ICO,可以避免日志中出现 404 错误。