当前位置:首页>WordPress资讯>如何让您的网站支持 .webp 图像

如何让您的网站支持 .webp 图像

如何让您的网站支持 .webp 图像

大约 5 年前开发的一种图像格式。这种格式通常被称为 weppy,是网页师和的福音,他们的目标是最小化和优化图片大小。

在本指南中,我将阐明为什么 WebP 可能就是你一直在寻找的解决方案。

WebP 图像的主要特点

不过,首先让我们快速了解一下 WebP 的一些主要特征:

  • 它的文件扩展名为 .webp。
  • 它支持有损和技术。
  • 的 WebP 图像通常 图像小 25-34%
  • 对于无损压缩,WebP 图像可 图像小 25%
  • 它完全支持无损透明,类似于带有 alpha 通道的 PNG。
  • WebP 甚至还支持动画,因此有可能取代 动画。

总而言之,WebP 为减小 JPEG、GIF 和 PNG 图像的大小提供了强大的解决方案。现在,让我们深入探讨如何充分利用这种格式。

WebP 更小吗?实验说话

谣言的最大优点之一就是其可验证性。我们可以随时进行实验来评估其真实性和真伪。我进行了几项测试,以确定从各种格式(JPEG、PNG 和 GIF)转换到 WebP 时,图像的大小能减少多少。

JPEG vs. WebP

这是一张取自 Pexels 的 JPEG 图像。

文件大小:165kb。

如何让您的网站支持 .webp 图像

这是用 JpegMini 优化后的同一图像。

文件大小:101kb。

如何让您的网站支持 .webp 图像

这是经过优化后转换成 WebP 格式的相同图片。

文件大小:70kb。

如何让您的网站支持 .webp 图像

以下是同一图像转换成其他格式后的文件大小,以供参考:

  • GIF:285kb
  • PNG 8:241.2kb
  • PNG 24:657.6kb

PNG vs. WebP

这是一张透明的 PNG 图像(来源)。

文件大小:587kb。

如何让您的网站支持 .webp 图像

这是经过 tinypng 优化后的 PNG 图像。

文件大小:278kb。

如何让您的网站支持 .webp 图像

这是转换为 WebP 格式后的同一图像。

文件大小:112kb。

如何让您的网站支持 .webp 图像

GIF vs. WebP

转换为 WebP 格式后,JPEG 图像从 165kb 降至 70kb,PNG 图像从 587kb 降至 112kb。为了进一步测试 WebP 在动画 GIF 上的效率,请看以下结果:

  • 转换前的原始文件大小:6.8 MB
  • 转换为 WebP 后的文件大小:6.3 MB

结论

下表总结了实验结果:

JPEG PNG GIF (动画)
原始图片 165kb 587kb 6.8mb
使用工具优化后 101kb 278kb
转为 WebP 后 70kb 112kb 6.3mb

原文地址:https://www.wbolt.com/webp-guide.html

WordPress资讯

10个用于管理多作者WordPress博客的插件

2024-1-22 1:13:03

WordPress资讯

Google Sheets电子表格工具最佳替代品

2024-1-22 1:13:05

个人中心
今日签到
有新私信 私信列表
搜索