如何将 JPG 图像转换为 AVIF

已发表: 2024-10-09

您想节省高达 50% 的 JPG 文件大小吗?将它们转换为 AVIF 格式!这种简单而强大的转换彻底改变了图像优化的游戏规则。 AVIF 可减小文件大小,同时保持图像质量不变,从而在不影响视觉效果的情况下加快网页加载速度。

在本文中,您将发现我们精心挑选的工具,可帮助将 JPG 转换为 AVIF 以提高性能。

为什么将 JPG 图像转换为 AVIF

将 JPG 图像转换为 AVIF 的第一个充分理由是提高网站的性能。 Google 建议以下一代格式(例如 AVIF 或 WebP)提供图像,以获得比 JPG 或 PNG 更好的压缩级别。

Google 建议将图像转换为 AVIF 以提高性能 - 来源:PageSpeed Insights
Google 建议将图像转换为 AVIF 以提高性能 - 来源:PageSpeed Insights
提示: WebP 也是下一代格式,与 JPG 相比平均节省 30%。如果您不确定对图像使用 WebP 还是 AVIF,请查看我们的详细指南。

JPG 和 AVIF 文件有什么区别?

由于其先进的压缩技术和附加功能,AVIF 通常被认为是 JPG 的优越替代品:

  • AVIF 提供比 JPG 大得多的压缩容量,使您能够在保持同等视觉质量的同时实现更小的文件大小。
  • AVIF 支持透明度,而 JPG 不支持。
  • AVIF 可以处理更高的颜色深度,使其适合需要更高颜色保真度的图像。
  • 每个浏览器都广泛支持 JPG,而最流行的浏览器的(非常)旧版本不支持 AVIF。另外,QQ浏览器、Opera Mini、KaiOS浏览器不支持该格式。您可以从“caniuse”网站实时查看所有兼容性信息。

如果您好奇,以下是浏览器对 AVIF 的支持:

2024 年支持 AVIF - 来源:Caniuse
2024 年支持 AVIF – 来源:Caniuse

AVIF 比 JPG 更好吗?

AVIF 通常比 JPG 更好,因为它可以将文件大小减少多达 50%,同时保持相似的质量。这是通过 AV1 视频编解码器实现的,它可以有效地压缩图像而不损失质量。 AVIF 还支持更高的颜色深度,从而产生更准确的颜色、更好的细节和更少的压缩伪影。

这是一个例子。

如果您比较一下 JPG 和 AVIF 的下图,您能发现任何差异吗?不是真的,对吧?这是因为 AVIF 和 JPG 提供相似的视觉质量,只是 AVIF 的文件大小较小。

AVIF 转换保持相似的质量 - 来源:Imagify
AVIF 转换保持相似的质量 – 来源:Imagify

下表显示了将 JPG 文件转换为 AVIF 所节省的空间,突出显示 AVIF 可以显着节省空间。总体而言,AVIF 提供了改进的压缩(平均减少 50%),这对于存储空间有限的移动设备特别有利。

JPG 到 AVIF 统计数据 - 来源:Imagify
JPG 到 AVIF 统计数据 – 来源:Imagify

如何将 JPG 转换为 AVIF

将 JPG 图像转换为 AVIF 格式可以显着减小文件大小,同时保持较高的图像质量。

以下是进行转换的三种便捷方法:

  1. 使用 WordPress 插件将 JPG 转换为 AVIF
  2. 使用在线工具将 JPG 转换为 AVIF
  3. 使用软件将 JPG 转换为 AVIF

让我们回顾一下每种技术,重点介绍一些优点和缺点,并为每种技术提供一个简短的教程,以便您做出明智的决定。

1. 使用 WordPress 插件将 JPG 转换为 AVIF

如果您管理 WordPress 网站,则可以使用ImagifyAVIF Express等插件将上传的 JPG 图像自动转换为 AVIF 格式。

如果出现以下情况,此方法是理想的:

你是一个 WordPress 用户愿意直接在 WordPress 仪表板内进行转换或执行批量转换,从而无需下载、转换和重新上传图像。它可以为您节省大量时间。

要记住:
您需要安装 WordPress 插件才能开始 AVIF 转换。

️ 如何使用 Imagify 将 JPG 图像转换为 AVIF:

Imagify 是市场上最简单的 WordPress 插件,只需点击几下即可自动将 JPG 图像转换为 AVIF。您可以选择激活现有图像以及未来上传的转换。

最重要的是,Imagify 还使用智能压缩级别来压缩图像。它可以在不影响质量的情况下检测最佳压缩级别,确保您节省更多文件大小。

该插件是免费的;您每月可以免费转换和优化 20MB 数据。高级套餐起价为每月 5.99 美元(500MB),每月仅需 9.99 美元(无限数据)。

  1. 从 WordPress 管理员免费下载 Imagify 并创建一个帐户来生成 API 密钥。安装并激活插件。
下载并安装 Imagify - 来源:Imagify
下载并安装 Imagify – 来源:Imagify

2. 转至设置> Imagify并选择AVIF格式。

激活 AVIF 转换 – 来源:Imagify

3. 停留在页面上,向下滚动,然后单击“保存并转到批量优化器”

“保存并转到批量优化器”按钮 - 来源:Imagify
“保存并转到批量优化器”按钮 – 来源:Imagify

4. 单击“ Imagify'em all ”按钮开始转换和压缩。

批量 AVIF 转换 - 来源:Imagify
批量 AVIF 转换 – 来源:Imagify

5. 就是这样!如果您前往该库,您会发现所有图像都已转换为 AVIF 并经过优化以获得更好的性能。

包含所有优化文件的图像库 - 来源:Imagify
包含所有优化文件的图像库 – 来源:Imagify

转换后的质量检查:

  • 由于压缩和 AVIF 转换,Imagify 节省了 75% 的文件大小。
  • 转换和压缩后质量仍然相同。
使用 Imagify 节省 75% - 来源:Imagify
使用 Imagify 节省 75% – 来源:Imagify
发现更多可以帮助您执行 AVIF 转换的插件。

2. 使用在线工具将 JPG 转换为 AVIF

许多在线转换器,例如 Convertio.coOnlineconvertfree.com 允许您上传 JPG 文件并快速将其转换为 AVIF,无需安装软件。

如果出现以下情况,此方法是理想的:

您正在寻找一种无需安装额外插件或软件的快速转换方法。另外,在线工具通常是免费的。

要记住:

但请注意,您通常需要为批量转换付费,如果您是 WordPress 用户或任何其他 CMS,则必须先将图像上传到在线平台,进行转换、下载,然后重新上传到 WordPress 。

️ 如何使用 Onlineconvertfree 将 JPG 图像转换为 AVIF:

  1. 访问 Onlineconvertfree 网站。
  2. 在蓝色字段中上传您的图像。
上传文件进行 AVIF 转换 - 来源:Onlineconvertfree
上传文件进行 AVIF 转换 – 来源:Onlineconvertfree

3. 单击转换按钮。
转换按钮 - 来源:Onlineconvertfree
转换按钮 – 来源:Onlineconvertfree

4. 点击“下载”按钮获取转换后的文件。

下载你的 AVIF 文件 - 来源: Onlineconvertfree
下载您的 AVIF 文件 – 来源:Onlineconvertfree

转换后的质量检查:

  • 由于 AVIF 转换,Onlineconvertfree 节省了 50% 的文件大小。
  • 转换后质量仍然相同。
Onlineconverterfree 节省了 50% 的文件大小 - 来源:onlineconvertfree
Onlineconverterfree 节省了 50% 的文件大小 – 来源:onlineconvertfree

3. 使用软件将 JPG 转换为 AVIF

XnConvertFilestar等流行软件提供了以 AVIF 格式转换或导出图像的选项。

如果出现以下情况,此方法是理想的:

如果您需要进行一些高级照片编辑,您更喜欢对转换设置进行更多控制。

要记住:

设计软件可能不是最方便的解决方案,因为您需要安装或下载软件、上传图像、转换图像、导出图像,然后将它们上传到您的 CMS(例如 WordPress)。这涉及到单次转换的许多额外步骤。

️ 如何使用 XnConvert 将 JPG 图像转换为 AVIF

XnConvert 是一个支持多种格式的图像转换器,包括 AVIF。该程序可免费下载并用于个人目的。然而,对于商业用途,一个许可证的起价为 15 欧元。

  1. 下载 XnConvert 软件。
下载程序 – 来源:XnConvert

2. 打开它并完成启动向导。

向导 - 来源:XnConvert
向导 – 来源:XnConvert

3. 单击“添加文件”导入需要转换的 JPG 文件。

“添加文件”按钮 - 来源:XnConvert
“添加文件”按钮 – 来源:XnConvert

4. 转到输出选项卡,从下拉菜单中选择 AVIF,然后单击转换按钮。

选择输出格式 (AVIF) 并点击“转换”按钮 - 来源:XnConvert
选择输出格式 (AVIF) 并点击“转换”按钮 – 来源:XnConvert

5. 您的 AVIF 文件将出现在您决定保存的计算机上。

自动下载到您的计算机中的 AVIF 文件 - 来源:我的桌面
自动下载到您的计算机中的 AVIF 文件 – 来源:我的桌面

转换后的质量检查:

  • 由于 AVIF 转换,XnConvert 节省了 49% 的文件大小。
  • 转换后质量仍然相同。
AVIF 转换节省了 49% - 来源:XnConvert
AVIF 转换节省了 49% – 来源:XnConvert

总结

总之,AVIF 比 JPG 提供更好的节省(大约 50%),这意味着只需进行转换即可获得更好的网页性能。

AVIF 仍然需要比 JPG 得到更普遍的支持,但支持正在增长,几乎所有流行浏览器的最新版本都已经支持它。

转换是图像优化的第一步。像 Imagify 这样的插件可以让您轻松地将 JPG 转换为 AVIF并进一步压缩图像,而不会影响其质量。记住?借助 Imagify,我们实现了 75% 的总文件节省,这意味着为访问者提供更小的文件大小、更轻的页面以及更快的内容呈现。满意的用户更有可能留在您的网站上、进行购买,甚至返回!

最棒的是您无需承担任何风险,因为 Imagify 每月可免费进行约 200 个图像优化 (20MB)。 尝试立即将 JPG 转换为 AVIF Imagify,看看您的性能有何提高!