UltKit

AVIF转ICO在线转换

如果你的标志只有一个.avif文件,可以在这里把它转换成favicon.ico。文件内包含16到256 px的所有常用图标尺寸,透明背景完整保留。

图片格式转换

或将JPG, JPEG, JPE … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传AVIF标志

    请使用手头最大的正方形版本;512 × 512 px 或更大,缩小后的小尺寸图标最清晰。可以一次批量处理多个 Logo。

  2. 2

    图标尺寸保持“全部”

    图标尺寸默认设为所有尺寸(16–256),一个 .ico 即可用于浏览器标签页、书签和 Windows 快捷方式。只有程序明确要求单一尺寸时,才需要单独选择。

  3. 3

    转换为ICO

    点击转换为 ICO,如有需要将下载的文件重命名为 favicon.ico,并放到网站根目录。

AVIF 是用于快速传输图片的格式,ICO 则是存放小图标的容器。转换时会先解码一次 AVIF,再把缩小后的多个副本写入同一个 .ico,每个副本都有各自的透明通道。

为什么AVIF标志需要一个ICO版本

AVIF 由开放媒体联盟于 2019 年发布,基于 AV1 视频编码。Chrome 从 85 版、Firefox 从 93 版、Safari 从 16 版开始支持,因此建站工具和图片 CDN 现在默认提供 AVIF。这就是不少团队的品牌标志只剩下 logo.avif 的原因。

但 favicon 恰恰是 AVIF 不太适用的地方。Windows 桌面快捷方式和固定网站读取的是 ICO,旧版浏览器和许多爬虫不看 HTML 就直接请求 /favicon.ico,一些 CMS 的 favicon 上传字段更是完全不接受 AVIF。用 AVIF 直接生成一个 ICO 就能满足所有这些场景,中间也不再需要 PNG 转 ICO 这一步。

AVIF

AV1 图像文件格式

AVIF 用 AV1 视频编码压缩保存静态图像和图像序列,由开放媒体联盟于 2019 年定稿。在相同视觉质量下,它的文件通常比 JPEG 和 WebP 都小,并支持透明、动画、广色域和 HDR。编码速度比旧格式慢,在低质量设置下非常细腻的纹理可能显得被抹平。所有主流浏览器现在都能显示 AVIF,但许多桌面应用、社交平台和旧设备无法打开它。

压缩方式
有损或无损
透明度
支持
动画
支持
发布年份
2019 · Alliance for Open Media
AVIF 转换器

ICO

Windows 图标

ICO 是微软的图标格式,用于 Windows 程序图标和网站 favicon。一个 .ico 文件可包含多种尺寸的图像,例如 16×16、32×32、48×48 和 256×256 像素,系统可选择最合适的一个。每个图像可存为位图或 PNG 数据,并支持完整的 Alpha 透明度。ICO 不适合照片或大幅图稿。浏览器、Windows 和大多数图标编辑器都能读取。

压缩方式
无损
透明度
支持
动画
不支持
发布年份
Microsoft
ICO 转换器

AVIF 格式的 Logo 通常来自现代网站的图片处理流程或设计师导出的网页素材,而网站根目录仍需要一个所有浏览器和爬虫都能读取的传统 favicon.ico。

favicon.ico中包含的图标尺寸

浏览器标签页和地址栏
16 px
书签、任务栏快捷方式
32 px
Windows 大图标视图
256 px
所有尺寸都在一个 favicon.ico 中
1 个文件

保留透明度

AVIF 中的透明区域在每个尺寸中都保持透明。

按尺寸分别缩小

每个尺寸都从原图重新采样,而不是从上一级尺寸缩小得来。

仅取第一帧

动画 AVIF 只会使用第一帧。

让AVIF标志在16 × 16下依然清晰可辨

16 px 的图标总共只有 256 个像素,细线条、小字和渐变都会消失。转换前,建议先导出 Logo 的简化版本:只保留图形标志而不带文字,线条加粗,并在浅色和深色浏览器主题下都有足够对比度。背景设为透明,可以让标签页的颜色透出来,通常比白色方块更好看。

AVIF 压缩过重时,锐利图形周围还可能出现边缘发虚或颜色拖影。如果你的 Logo 有这种情况,请索取无损 AVIF 或 SVG 源文件;大尺寸图标上这些瑕疵很明显,而在 16 和 32 px 下,缩小过程会掩盖大部分瑕疵。想了解 AVIF 与 WebP、HEIC 的区别,可参阅 AVIF、HEIC 和 WebP 详解。

AVIF转ICO网站图标常见问题

浏览器能直接用AVIF文件作为网站图标吗?

Chrome、Firefox 和 Safari 都能显示 AVIF,但浏览器、订阅阅读器和许多链接预览机器人默认请求的是网站根目录下名为 favicon.ico 的文件。在那里放一个真正的 ICO,可以避免服务器日志里出现 404,也能避免旧版客户端的标签页图标显示为空白。

我的AVIF标志不是正方形,图标会被拉伸吗?

图标是正方形的,宽幅 Logo 要么缩成一条细带,要么被拉伸变形。请先把 Logo 裁剪为只保留图形标志或首字母;如何按比例裁剪图片介绍了让主体居中的 1:1 裁剪方法。

AVIF的10位色深在ICO里还能保留吗?

不会。ICO 图标每个通道存储 8 位,外加 8 位透明通道,因此 HDR 或 10 位 AVIF 数据会被转为标准 sRGB 色彩。在 16 或 32 px 下,肉眼看不出差别。

Google搜索结果中显示的网站图标有什么要求?

Google 的指南要求使用正方形 favicon,边长为 48 px 的整数倍,例如 48 × 48 或 96 × 96,并在首页中引用。本页生成的 ICO 包含更大的尺寸,Google 可以自行缩小使用。

做应用图标时,AVIF转PNG是不是更好?

对于 iOS、Android 和网页应用清单,需要。它们要求固定尺寸的 PNG 文件,例如 180 × 180 和 512 × 512。这些请使用 AVIF 转 PNG,ICO 则留给传统 favicon 和 Windows 使用。