什么是ICO文件?图标尺寸、网站图标以及何时使用ICO
了解ICO容器格式、它包含的尺寸以及为什么它对网站图标和桌面图标仍然重要
立即转换什么是ICO文件?
ICO文件是Microsoft在Windows早期创建的图像格式。与存储单个分辨率的单个图像的JPEG或PNG不同,ICO文件是一个容器,可以在一个文件中以不同的尺寸和颜色深度保存多个图像。当操作系统或浏览器需要显示图标时,它从ICO内捆绑的集合中选择最合适的图像。
这种容器方法解决了一个实际问题。微小的16像素标签页图标和256像素桌面快捷方式需要非常不同级别的细节,放大或缩小单个图像很少产生干净的结果。通过在16、32、48、64、128和256像素处嵌入专用版本,ICO格式让每个场景显示清晰、像素完美的图标,而无需任何运行时调整大小伪影。
在内部,存储在ICO文件中的每个图像可以编码为BMP位图或PNG压缩帧。现代ICO文件通常对较大尺寸(128 px及以上)使用PNG压缩以保持文件大小可管理,而较小尺寸可能保留为未压缩的BMP数据以获得与传统系统的最大兼容性。文件头告诉消费应用程序包含多少图像以及在什么维度,因此自动选择正确的变体。
ICO与PNG:何时真正需要ICO?
PNG已成为Web上的默认图像格式,因此询问ICO是否仍然相关是公平的。简短的回答:是的,但仅在特定情况下。下表总结了关键差异。
| 功能 | ICO | PNG |
|---|---|---|
| 一个文件中的多个尺寸 | 是 | 否(每个文件一个图像) |
| 浏览器网站图标支持 | 通用(所有浏览器) | 仅限现代浏览器 |
| Windows桌面图标 | 必需 | 不支持 |
| macOS / Linux应用图标 | 不使用 | 首选 |
| 透明度 | 是(Alpha通道) | 是(Alpha通道) |
| 文件大小效率 | 较大(多个图像) | 较小(单个图像) |
对于网站图标,当您需要支持每个浏览器时,ICO仍然是最安全的选择,包括不识别PNG网站图标的旧版Internet Explorer。放置在网站根目录的favicon.ico会被几乎所有发布的浏览器自动检测到。如果您只针对现代浏览器,通过<link>标签声明的PNG网站图标可以正常工作,但添加ICO回退几乎没有成本。
对于Windows桌面和任务栏图标,ICO是唯一接受的格式。可执行文件(.exe)将其图标嵌入为ICO资源,快捷方式文件(.lnk)直接引用ICO文件。如果您正在构建或为Windows应用程序设置主题,ICO是不可协商的。
在macOS和Linux上,通常不使用ICO。macOS依赖ICNS文件和PNG,而大多数Linux桌面环境接受SVG或PNG。因此,如果您的受众仅在这些平台上,您可以完全跳过ICO。
常见的ICO尺寸及其用途
并非每个尺寸都有相同的用途。下表将每个标准ICO维度映射到其典型用途,以及关于是否包含它的建议。
| 尺寸(px) | 使用位置 | 建议 |
|---|---|---|
| 16 × 16 | 浏览器标签页、地址栏、书签菜单 | 始终包含 |
| 32 × 32 | Windows任务栏、高DPI屏幕上的较新浏览器标签页 | 始终包含 |
| 48 × 48 | Windows桌面图标(标准视图)、Windows资源管理器列表视图 | 包含用于桌面使用 |
| 64 × 64 | 某些Windows UI场景、高DPI任务栏 | 可选但有用 |
| 128 × 128 | Windows大图标视图、某些停靠栏 | 包含用于清晰的大图标 |
| 256 × 256 | Windows超大图标视图、高DPI显示器 | 包含以获得最佳质量 |
对于仅网站图标的ICO,基本尺寸是16和32像素。添加48像素可涵盖链接到您网站的Windows桌面快捷方式。要更深入地了解哪些网站图标尺寸最重要,请参阅我们的网站图标尺寸说明指南。
对于Windows应用程序图标,您应该包含从16到256的完整范围。256像素变体在现代高DPI显示器上尤其重要,Windows可能以非常大的尺寸渲染桌面图标。跳过它意味着操作系统将放大较小的图像,产生模糊或像素化的结果。
如何从任何图像创建ICO文件
创建ICO文件过去需要专门的桌面软件,但现代基于浏览器的工具使该过程快速且无痛。Any2ICO接受最大10 MB的PNG、JPG、WebP、GIF、BMP、AVIF和SVG源图像,并在几秒钟内生成正确结构的多尺寸ICO文件。
这是一个快速工作流程:
- 选择源图像。从可用的最高分辨率开始。512像素或更大的源为转换器提供足够的细节,以在每个目标尺寸生成干净的缩小版本。
- 选择尺寸。选择您需要的尺寸:16、32、48、64、128和256。您可以选择任何组合。
- 设置缩放和背景选项。在包含(将图像适配到正方形内,保留纵横比)或覆盖(填充正方形,裁剪边缘)之间进行选择。为任何填充区域选择透明或白色背景。
- 转换并下载。Any2ICO将选定的尺寸捆绑到单个ICO文件中。如果您要转换多个源图像,可以一次性在ZIP存档中下载它们全部。
整个转换在您的浏览器中使用Canvas API进行。您从设备导入的文件会通过服务器发送进行处理,但不会永久存储。如果您从剪贴板粘贴,该数据根本不会离开您的机器。
有关分步网站图标教程,请查看我们的如何创建favicon.ico指南。
要点
ICO格式可能有几十年的历史,但它对于两个核心用例仍然是不可或缺的:网站图标和Windows图标。它将多个分辨率捆绑到单个文件中的能力确保每个显示场景,从16像素浏览器标签页到256像素桌面快捷方式,都能获得清晰、专用的图像。
当您准备好创建自己的ICO时,请记住这些原则:从高分辨率源开始,至少包含16、32和256像素,并使用像Any2ICO这样的工具,让您精确控制要应用的尺寸和缩放选项。有关为网站图标选择正确尺寸的更多信息,请阅读网站图标尺寸说明。