AVIF 转 ICO
将现代 AVIF 图片转换为 favicon.ico 文件,可选 16、32、48、64、128 或 256 像素——100% 在浏览器中完成。
源文件
将 AVIF 文件拖到此处
或点击选择文件
选项
AVIF 是什么?
AVIF(AV1 Image File Format,AV1 图像文件格式)是一种现代光栅图像格式,由开放媒体联盟(Alliance for Open Media)于 2019 年发布,与 AV1 视频编码同源。它基于 AV1 帧内编码技术,压缩效率极为出色——在同等视觉质量下文件体积通常比 JPG 小约 50%。AVIF 同时支持有损和无损压缩、广色域、HDR(高动态范围)、12 位色深以及 Alpha 透明通道,是当前技术能力最强的图像格式之一。
正因如此,AVIF 已被 Netflix、Google 图片、Cloudflare、WordPress 等主流平台作为下一代 Web 图片格式采用。但 AVIF 仍属于较新的格式:解码需要现代浏览器(Chrome 85+、Firefox 93+、Safari 16+),许多旧版应用、内容管理系统、图像编辑器和邮件客户端根本无法打开 .avif 文件。对 favicon 场景而言,AVIF 的小体积是真正优势——但前提是您能将其转换为浏览器和书签工具所请求的通用 .ico 容器。
ICO 是什么?
ICO 是微软于 1985 年为 Windows 1.0 操作系统引入的历史悠久的图标容器格式。.ico 文件并非单一图像格式,而是一个小型容器,可容纳一张或多张位图或 PNG 压缩图像,支持不同尺寸(通常为 16×16、32×32、48×48、64×64、128×128、256×256)和色深。浏览器、Windows 外壳、书签管理器和桌面快捷方式都会在网站根目录寻找 .ico 文件(通常命名为 favicon.ico),以在标签页、历史列表、地址栏和桌面显示网站图标。
尽管现代浏览器也可通过 <link rel="icon"> 标签使用 PNG、SVG 和 WebP favicon,但 .ico 格式仍是被最广泛识别的 favicon 容器。旧版浏览器和许多第三方工具(书签管理器、RSS 阅读器、桌面链接生成器)仍会默认请求 /favicon.ico,因此在该 URL 放置一个真实的 .ico 文件是保证所有访客都能看到网站图标的最稳妥方式。本工具生成包含所选尺寸 PNG 压缩图像的单尺寸 .ico 文件。
AVIF 与 ICO 对比
AVIF 和 ICO 服务于根本不同的用途:AVIF 是为照片压缩而设计的现代光栅格式,而 ICO 是专为图标和 favicon 设计的旧版容器。下表汇总了 AVIF 与 ICO 格式的关键区别。
| 特性 | AVIF | ICO |
|---|---|---|
| 图像类型 | 光栅(像素) | 光栅容器(像素) |
| 发布年份 | 2019 | 1985 |
| 压缩方式 | AV1(有损/无损) | 嵌入 BMP 或 PNG |
| 典型用途 | 照片、复杂光栅图像 | favicon、应用图标、快捷方式 |
| 透明通道 | 支持(Alpha 通道) | 支持(通过嵌入 PNG) |
| 动画 | 支持(图像序列) | 不支持(静态容器) |
| 浏览器支持 | 仅限现代浏览器 | 所有浏览器(旧版 favicon 格式) |
| 默认请求 URL | — | /favicon.ico |
简而言之,AVIF 在压缩和现代特性上占优,ICO 在旧版 favicon 兼容性上占优。将 AVIF 图片转换为 .ico 文件会生成固定分辨率像素图像,被所有浏览器、书签工具和桌面快捷方式生成器识别——包括那些仍寻找 /favicon.ico 的旧版工具。
何时需要 AVIF 转 ICO
虽然 AVIF 是照片和复杂网页图像的出色格式,但在许多真实场景下将其转换为 .ico favicon 是更好的选择。每当平台、服务或工作流需要真实 .ico 文件而非现代光栅格式时,AVIF 转 ICO 都能让您兼得 AVIF 的源质量和 ICO 的广泛兼容性:
- 新网站上线。在站点根目录放置真实的
favicon.ico可确保所有浏览器——包括忽略<link rel="icon">标签的旧版浏览器——在标签页中显示您的图标。 - 旧版工具兼容性。书签管理器、RSS 阅读器和桌面链接生成器仍会直接请求
/favicon.ico。AVIF 文件无法满足该请求,但 .ico 文件可以。 - 桌面快捷方式。用户将 URL 拖拽到桌面时,Windows 和许多 Linux 文件管理器会从
favicon.ico获取图标,因此需要真实的 .ico 文件才能呈现清晰的快捷方式。 - 渐进式 Web 应用。PWA 的
manifest.json可在旧版安装上下文及较旧 Android 和 Windows 外壳集成中引用 .ico 文件。 - 旧版浏览器。使用无法解码 AVIF 的旧版浏览器的访客仍能看到您的 favicon,因为 .ico 受到普遍支持。
- 品牌一致性。在网页、桌面和书签渠道统一分发同一个 .ico 文件,让图标在各处保持一致,即便您的母版是 AVIF。
请将源 AVIF 作为母版保留——它体积小且质量高。.ico 导出仅用于 ICO 仍是预期格式的部署场景。
如何将 AVIF 转换为 ICO
使用本工具将 AVIF 图片转换为 .ico favicon 只需几秒,且全部在浏览器内完成。无需上传、无需注册、无需安装。工具通过浏览器原生图像解码器加载 AVIF,按所选尺寸将其绘制到正方形 canvas 上(保持纵横比并居中于白色背景),然后通过 Canvas API 将 canvas 重新编码为 .ico 容器。请按以下四步操作:
- 上传 AVIF 文件。点击上传区域,或从电脑拖拽一个 .avif 文件到此处。图片会在本地解码并显示预览。
- 选择 ICO 尺寸。从 16、32、48、64、128 或 256 像素中任选其一。32×32 是标准 favicon 尺寸;16×16 是经典标签页图标;48×48 及以上用于高 DPI 显示和桌面快捷方式。
- 转换为 ICO。点击"转换为 ICO"按钮。工具会将 AVIF 绘制到所选尺寸的正方形 canvas 上,并将 PNG 字节包装进单图像 .ico 容器,并排显示原始与转换后的文件大小。
- 下载 ICO。点击"下载 ICO"将
favicon.ico保存到设备。将其上传到网站根目录或放入项目的资源文件夹。
由于所有步骤都通过 JavaScript 在浏览器本地运行,AVIF 图片绝不会被上传到服务器。这让转换过程完全私密、快速,也适合处理敏感的品牌资产。
这个 AVIF 转 ICO 转换器免费吗?
完全免费,无注册、无水印、无限制(仅受设备内存限制)。
为什么我的 AVIF 文件加载失败?
AVIF 解码需要较新的浏览器(Chrome 85+、Edge、Firefox 93+ 或 Safari 16+)。请尝试更新浏览器。
.ico 文件支持透明吗?
支持。本工具将 PNG 字节嵌入 .ico 容器,因此源 AVIF 的 Alpha 透明通道会在输出 favicon 中保留。注意:canvas 会先填充白色,因此完全透明区域会变成白色——请保持 logo 不透明以获得最佳效果。
我的图片会被上传吗?
不会。所有处理都在本地完成,AVIF 不离开浏览器。