什么是WebP以及如何在WordPress中使用WebP图像
图像通常是缓慢加载网页的最大原因之一。它们不仅减慢了加载时间,而且还可以占用服务器上的大量空间和资源。仔细选择文件类型并压缩它们有助于降低加载速度,但它们只能在图像质量受损之前进行优化。另一种选择是使用最优化的图像文件类型之一:来自Google的WebP。
WebP有损图像使用预测编码来对图像进行编码。它通过查看相邻像素来预测值来减小文件大小,然后仅对差异进行编码。有损图像比JPEG的可比图像小34%。
WebP无损图像使用已经看过的图像片段重建新像素。如果找不到匹配项,则可以使用本地调色板。无损图像比与PNG相同的图像小26%。无损WebP支持alpha通道(透明度),文件大小比PNG的可比图像小3倍。
您不必非常认真地在布局中使用较小的区域来处理图像。您可以使用适用于设计的尺寸,而不必因为页面速度或加载时间而使设计适合较小的图像。
此方法的优点是您只需要处理已经习惯的文件类型,而无法使用WebP的访问者仍将接收原始文件类型。那些可以接收WebP文件类型的人将看到更快的加载时间。
另一种方法是允许您将WebP文件上传到您的网站。不推荐使用此方法,因为并非所有浏览器都支持此格式。这意味着您的部分访问者将无法查看您的图片。
有几个免费和高级插件可以将图像转换为WebP。这里有一些免费选项。
WebP是一种有趣的格式。因为它来自谷歌我希望它最终会流行起来。它自2010年以来一直存在,所以它正在缓慢发展。节省文件大小和加载速度使得使用插件将图像转换为可以使用它们的访问者是值得的。这是免费的速度。
您是否在网站设计中使用或计划使用WebP图像?请在评论中告诉我们您对WebP的看法。
什么是WebP
WebP是Google专门为网络设计的光栅图像格式。它提供无损和有损压缩,允许网页设计人员以较小的文件大小显示更丰富的图像。WebP有损图像使用预测编码来对图像进行编码。它通过查看相邻像素来预测值来减小文件大小,然后仅对差异进行编码。有损图像比JPEG的可比图像小34%。
WebP无损图像使用已经看过的图像片段重建新像素。如果找不到匹配项,则可以使用本地调色板。无损图像比与PNG相同的图像小26%。无损WebP支持alpha通道(透明度),文件大小比PNG的可比图像小3倍。
什么是WebP文件
WebP文件使用 VP8 或 VP8L 图像数据,以及基于 RIFF的容器。它使用文件扩展名.webp。该libwebp 库是为WebP的规范的参考实现。您可以在git存储库中看到库 或作为 tarball。它将如何改变您的网页设计实践
WebP的主要优点是文件较小,因此网页加载速度更快,您将从服务器中使用更少的资源。这也意味着如果访问者使用支持它们的浏览器,您将能够使用更多颜色的更大图像,而不会增加服务器的当前负载。您不必非常认真地在布局中使用较小的区域来处理图像。您可以使用适用于设计的尺寸,而不必因为页面速度或加载时间而使设计适合较小的图像。
如何在WordPress中使用WebP图像
- Google+的
- Facebook的
- 推特
WebP转换插件
将WebP图像用作设计人员或开发人员的最佳方法之一是您无需执行创建文件的工作。相反,您只需安装转换插件即可。您将以JPEG或PNG格式上传普通图像,插件会将这些文件转换为WebP,以便将图像传送给访问者。此方法的优点是您只需要处理已经习惯的文件类型,而无法使用WebP的访问者仍将接收原始文件类型。那些可以接收WebP文件类型的人将看到更快的加载时间。
另一种方法是允许您将WebP文件上传到您的网站。不推荐使用此方法,因为并非所有浏览器都支持此格式。这意味着您的部分访问者将无法查看您的图片。
有几个免费和高级插件可以将图像转换为WebP。这里有一些免费选项。
更多内容,请阅读原文查看:查看原文
写在最后
那是我们看看什么是WebP以及什么是WebP文件。这种格式大大减少了图像文件的大小,节省了大量空间并缩短了加载时间。主要缺点是它只与少数浏览器兼容。幸运的是,您可以使用一个插件将当前库转换为WebP,以便那些使用兼容浏览器的插件同时为不能查看WebP格式的常用文件类型提供服务。WebP是一种有趣的格式。因为它来自谷歌我希望它最终会流行起来。它自2010年以来一直存在,所以它正在缓慢发展。节省文件大小和加载速度使得使用插件将图像转换为可以使用它们的访问者是值得的。这是免费的速度。
您是否在网站设计中使用或计划使用WebP图像?请在评论中告诉我们您对WebP的看法。

评论
发表评论