使用 Converter for Media 超越 WebP
已发表: 2022-11-16如今,保持较小的图像文件以提高网站的性能已成为不二之选。 有很多方法可以在上传图像之前压缩图像,还有一些众所周知的保存图像的格式。 虽然您可能拥有常用的方法和格式,但您可能不知道最新的。
如果您运行 WordPress 站点,您可能熟悉 WebP。 WebP 格式由谷歌于 2010 年开发,此后稳步流行。 将 JPEG 和 PNG 文件减少 25-34% 对网站所有者来说是一个游戏规则的改变者。
您可能需要更加熟悉一种称为 AVIF 的图像格式。 AVIF 由开放媒体联盟于 2019 年发布,可以比 WebP 进一步减小图像尺寸。 此外,转换后的图像质量优于 WebP。 AVIF 格式受 Chrome 和 Firefox 等浏览器以及最新版本的 Safari 支持。 总的来说,超过 76% 的浏览器已经支持 AVIF,而且这个百分比一直在增长。
如果你想让你的图像尽可能小,并使你的网站加载速度快得惊人,你需要采用 AVIF。 您现在可以开始使用名为 Converter for Media 的 WordPress 插件。
媒体插件转换器
说实话。 压缩图像可能很痛苦。 没有人喜欢花时间处理照片并努力保持图像质量。 如果您可以将图像上传到您的站点并让软件完成繁重的工作,那将会容易得多。
使用 Converter for Media 插件绝对可以做到这一点。
Converter for Media 可帮助您在 WordPress 中优化图像。 您可以避免在桌面应用程序上摸索。 只需将您的图片上传到您的 WordPress 网站,插件会处理剩下的事情。 该插件还可以转换您现有的所有图像,并保持原始文件完好无损。
Converter for Media 已经具备使用 AVIF 格式压缩图像的能力。 如果您想领先于游戏并开始使用可用的最新格式,此插件将帮助您实现这一目标。 您的网站将加载得更快,您的搜索引擎优化将得到改善,并且您的访问者将感谢您留下来。
您可能担心过早地抛弃 WebP。 这是明智的,但您可以放心,因为 Converter for Media 也使用 WebP。 这意味着如果浏览器不支持 AVIF,您的网站将显示 WebP 版本。
Converter for Media 的另一个很酷的功能是您的图像是使用远程服务器转换的。 这意味着您的服务器几乎没有负载,如果您使用的是共享主机计划,这将非常有用。 无需怀疑您的服务器是否满足将图像转换为 AVIF 的技术要求。
让我们了解如何使用 Converter for Media 插件减少您网站的图像!
如何使用 Convert for Media
媒体转换器易于使用。 我们将完成从安装到配置的整个设置。
安装媒体转换器
首先直接从其 WordPress.org 页面下载 Converter for Media 插件。
如果您愿意,可以直接从您的 WordPress 网站搜索核心插件。 在 Admin Dashboard 中,选择Plugins > Add New 。 在搜索栏中,查找“Converter for Media”,您会看到它显示为一个选项。
您还可以在他们的网站上购买插件的专业版计划,该计划提供额外的功能。
下载插件 zip 文件后,导航到 WordPress 站点的管理仪表板。 选择插件–>添加新的。 单击上传插件并浏览您保存的 .zip 文件。 单击立即安装,然后将其激活。
媒体配置转换器
在您的 WordPress 管理仪表板的左侧菜单中,导航至Media>Library ,您将在其中看到一个名为Converter for Media 的新项目。 您也可以在“设置”菜单下找到它。 单击它,您将看到插件的常规设置菜单。
在开始盲目转换之前,您需要做出一些影响转换规模的决定。 首先,一个滑块允许您选择转换后的图像质量,从有损到无损。
接下来,您可以转换为 AVIF、WebP 或两者。 请注意,您需要升级到专业版才能使用 AVIF 格式——WebP 包含在免费版中。 WebP 文件可以比 JPEG 或 PNG 格式轻 60%,而 AVIF 平均比 WebP 轻 33%。
支持的目录列表
您可以从三个文件将被转换的目录中进行选择:
- /插件
- /主题
- /上传
在大多数 WordPress 网站上,上传目录可能包含最多的图像文件,我建议默认选择该目录。 还可以添加对自定义目录的支持,如果您想将图像文件与 WordPress 默认文件分开存放,这将非常方便。
最大图像尺寸
此功能允许您将图像的高度和宽度调整为您设置的最大尺寸。 无论您在字段中输入的高度和宽度值如何,它都将保留纵横比。
新图像的转换
您可以选择自动转换您以后上传到媒体库的任何新图像。 这很有用,消除了上传图像时需要记住的步骤。
图像的批量优化
一个方便的小树结构显示了所有包含可以优化的图像的文件夹。
通过将所有图像转换为 WebP 和 AVIF 格式,您将获得最佳结果。 这不仅保证了图像的最低权重,而且还允许跨浏览器的最大兼容性。
根据您要转换的图像数量,可能需要几分钟到几小时。 大约 15 分钟后,我转换了 10,720 个文件并将重量减少了 51% — 节省了 308 MB。 这是使用最佳设置,将图像大小调整为 1200 x 1200 最大像素,并仅转换上传目录中的文件,该目录包含其他几个目录。
高级设置
“高级设置”选项卡使您可以更好地控制文件的处理方式。
支持的文件扩展名列表
您可以选择要转换的文件类型以及 Convert for Media 应该保留的文件类型。
转换方法
列出了三种方法:Imagick、GD 和远程服务器。 我建议选择远程服务器选项,因为它可以减少服务器的负载。 如果您自己的服务器不符合转换媒体的技术要求,这也是一个不错的选择。
图片加载方式
默认情况下,Converter for Media 会重写您的 .htaccess 文件以设置图像在您网站上的加载方式。 如果您有服务器配置问题,您可以选择 Pass Thru 方法,它只保留 .htaccess 文件。
额外功能
您可以为插件启用一些附加功能,包括:
- 自动删除输出格式大于原始文件的文件
- 以 EXIF 或 XMP 格式保存图像元数据
- 启用 cron 以自动转换来自外部媒体库的图像
- 转换为 debug.log 文件时记录错误
优化统计
嘿,你为什么不想这样做? 看看您的转化节省了多少,这很有趣。 事实上,让我们谈谈吧!
你怎么知道它起作用了?
有几种方法可以判断。 首先,浏览我的媒体库,我可以单击图像并查看列出的转换统计信息。
对于纽约市天际线的一张图片,结果是:
原始文件大小: 178 KB
优化后的文件大小: 71 KB (-60%)
转换为 WebP 的文件: 6 (-40%)
转换为 AVIF 的文件: 6 (-61%)
第二种方法是在我的浏览器 (Firefox) 中使用检查器在网络选项卡下找到结果,然后单击图像。
我可以清楚地看到我的一张图片以 .png 扩展名完好无损地列出。 类型列显示图像显示为 78 kb 的 AVIF 文件。 同样,这是该插件的一大特色——原始文件保持不变。 这也意味着如果您删除插件,您不会丢失图像。
图片的网址
说到原始图像文件保持完整,图像 URL 在转换文件时也不会更改。 该插件执行重定向到访问者完全不可见的新文件格式。 虽然 URL 没有改变,但 MIME 类型会改变,正如我之前演示的那样。
价钱
Converter for Media 插件可免费下载和使用,您可以将图像转换为 WebP。 您需要购买 Pro Plan 才能使用 AVIF 格式并利用高级压缩格式。
他们提供月度和年度计划,其中年度计划更有价值。 这些计划按层中优化图像的数量提供:
- 10K/月或 120K/年
- 25K/月或 300K/年
- 7 万/月或 84 万/年
数字代表可以完成多少个转换过程,而不是文件的数量。 请注意,转换为 WebP 和 AVIF 算作两个过程。
采用最新的压缩格式与媒体转换器
如果您想为下一级图像压缩做好准备,那么采用新的 AVIF 格式是明智之举。 虽然 WebP 是优于 PNG 和 JPEG 的出色格式,但您可以使用 AVIF 实现更小的文件大小和网站速度。
好消息是,您可以使用 Converter for Media 插件实现这两种方式。