在 WordPress 中使用 WebP

由于图像是设计精美网站的重要组成部分,因此设计师和网站所有者需要追求的重要问题之一是“什么是 WebP?”应该是。

随着高分辨率移动显示器的出现,视觉分辨率的提高导致文件大小更大和存储要求更高。

对于访客;文件大小的增加直接转化为带宽消耗的增加,这可能导致浏览器渲染缓慢并影响用户体验。正如您可以想象的那样,这可能会导致搜索引擎排名较低。

事实上,即使图像尺寸的微小改进也会对网站性能产生重大影响。简而言之;如果您能找到减小图像大小的方法,则可以加快网站速度并改善用户体验。

网络P;它是由 Google 设计的一种现代图像格式,允许我们以与现有图像格式类似的质量水平在网络上显示图像,但文件大小较小。

WebP的特点

WebP,可以处理有损和无损压缩;它还支持动画和无损透明度,即带有 Alpha 通道的 PNG。

用于保存图像的最常见的文件类型是 PNG、JPEG(或 JPG)和 GIF。 WebP,大约十年前由 Google 设计;创建它的目的是提供优于 PNG 和 JPEG 的面向 Web 的选项。网络P;可以显着减小 PNG、JPEG 或 GIF 文件大小,而不影响质量。

JPEG适用于具有多种颜色的高度详细的图像,这使得它们非常适合照片。然而,它们的文件通常非常大,并且它们的质量可能会受到压缩的影响。

PNG;非常适合不包含大量数据的图像,例如徽标或界面图像。它们在压缩时保持质量并支持透明度,但对照片没有用处。

GIF对于动画很有用,但对于保存静态图像也效率不高

 

WebP使用.webp文件扩展名并提供有损 WepB和无损WepB压缩选项。后者保留更多数据,而前者进一步减小生成的文件大小。

WebP,可以处理有损和无损压缩;它还支持动画和无损透明度,即带有 Alpha 通道的 PNG。

可以说, WebP最重要的特点是在文件质量没有明显下降的情况下减小了文件大小 。 Google 描述了 WebP 文件比 JPG 文件占用的空间少了WebP 报告称无损图像比 PNG 小 26%。因此,Google PageSpeed Insights 在其建议中警告不要使用 WebP 图像。

下面用于比较的缩放 JPEG 和 WebP 图像是 Google 提供的示例。您可以通过点击查看相关图库。

什么是有损 WebP?

它被证明是一种有效的营销工具,提供大量精 WhatsApp 号码数据 确的数字数据,适用于精准营销和客户开发。数据分类清晰、易于导出和快速集成,大大提高了营销效率。尽管如此,使用仍需严格遵守数据合规性和隐私保护法规。

有损压缩是一种通过消除肉眼无法察觉的图像部分或字节来减小图像大小的方法。最流行的有损图像格式是 JPG。有损格式无法恢复到原始图像质量。

通过有损 WebP压缩,WebP 使用“预测编码”来减小文件大小,这意味着它会查看图像中相邻像素的值来预测值,然后仅对差异进行编码。这是基于VP8关键帧编码。

什么是无损 WebP?

PNG、TIFF 和 GIF;它们是无损图像格式,提供了一种在不损失图像质量的情况下减小图像大小的方法。无损图像格式可以恢复为包含原始图像大小的原始格式。

无损WebP由Google WebP团队开发,使用比无损WebP复杂得多

无损 WebP 依赖于使用多种不同技术来转换图像。然后,对变换参数和转换后的图像数据进行熵编码。应用于图像的变换包括像素的空间估计、色彩空间变换、使用局部曝光调色板、将多个像素打包成单个像素以及阿尔法移位。

什么是带有 Alpha 的有损 Webp?

WebP alpha 以每像素低位数对图像进行编码,并提供了减小此类图像大小的有效方法。与有损 WebP 编码相比,Alpha 通道的无损压缩仅增加 22% 的字节。

透明PNG;使用 WebP 替换有损+alpha 平均可节省 60-70% 的大小。这对于图标丰富的移动网站尤其重要。

动画 WebP

 

WhatsApp 号码数据

GIF 仅支持无损压缩。 WebP同时支持有损和无损压缩;事实上,单个动画可以组合有损帧和无损帧。 WebP 的有损压缩技术非常适合根据真实视频创建的运动图像。

转换为有损 WebP 的动画 GIF 小 64%,而转换为无损 WebP 则小 19%。这在移动网络中尤其重要。另一方面,动画 WebP 的总解码时间是 GIF 的 0.57 倍,这意味着滚动时的抖动更少,并且可以更快地从 CPU 使用率峰值中恢复。然而,动画WebP也有一些缺点,例如WebP支持不像GIF支持那么广泛。

支持 WebP 的浏览器

那些对提高网站性能感兴趣的人可以轻松地从现有图像创建优化的 WebP 替代方案,并在支持 WebP 的浏览器中提供它们。

我们可以将支持 WebP 的浏览器分组如下:

有损WebPWebP 的优点

以 WebP 格式保存的图像可能比相同质量的JPEG和 PNG小得多。

图像质量性能浏览器兼容性是图像格式需要考虑的三个关键参数:

正如我们在简介中提到的,您添加 了解网站服务器宕机的 8 个常见原因 到网站的图像和媒体越多,您的网站可能会因文件大小增加而变慢。对于网站来说,快速加载非常重要,不仅因为谷歌不喜欢加载缓慢的页面,还因为缓慢的速度会赶走访问者。 WebP 可以通过提高性能来防止这个问题。

尽管压缩图像文件使它们更有用,但它通常会导致质量下降。一般来说,图像压缩得越多,它看起来就越糟糕,但您使用的文件类型会影响它的极端程度。

网络P;与 JPEG 或 PNG 文件相比,它可以将文件大小减小约 25%。

意味着以 WebP 格式保存的图像可能比相同质量的 JPEG 和 PNG小得多。

此外,与 JPEG 或 PNG 不同,WebP 支持有损 无损模式,并支持动画

还值得注意的是,它支持透明度,这对于徽标来说是有用的。 JPEG 不提供透明度,但有损 WebP 图像可以。

WebP 的缺点

为了理解为什么 WebP 没有被更多人使用,我们需要看看它的一些缺点。主要缺点是并非所有浏览器都支持 WebP 图像,但支持 WebP 图像的浏览器数量正在增长。

而且; WebP 的缺点包括它并不总是能够很好地处理低质量的 GIF 动画,并且在有损模式下使用较低质量设置进行压缩时,其质量较差。

WordPress 默认情况下不支持 WebP 图像,但使用某些插件可以在 WordPress 网站上使用 WebP 格式。

就像浏览器一样,一些网站构建器和内容管理系统(CMS);它不支持WebP格式。

WordPress 默认不支持 WebP 图像,但可 单位电话号码的完整列表 以通过一些插件在 WordPress 网站上使用 WebP 格式。这些插件;如果访问者的浏览器支持,它会自动将您的图像转换为 WebP。

您可以尝试 WordPress 插件 ,而不是将 WebP 替代品直接上传到 WordPress,它们将原始图像转换为 WebP 格式,并在访问者的浏览器不支持 WebP 时将原始图像用作备份。

概括

WebP 是 Google 开发的一种图像格式,可以提供较小的文件大小,但质量与现有图像格式相似。

尽管 WebP 越来越受欢迎,但并非所有浏览器都支持 WebP。但是,使用 WebP 可能会很高效,尤其是在需要上传大量图像的网站上。

综上所述,什么是WebP?我们可以将这个问题回答为“一种图像文件类型,它比使用压缩的 PNG 或 JPEG 更有可能加快您的网站速度

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注