webp图像扩展_WebP图像和性能

webp图像扩展

It's said that a picture is worth a thousand words, but online, a picture can be worth a thousand kilobytes or more! HTTP Archive shows that images make up 64% of a Web page's total size on average. With this in mind, image optimization is key, especially when you consider that up to 40% of users will abandon a request if it doesn't load within 3 seconds. The problem with image optimization comes when designers want to keep image file sizes small without sacrificing image quality. Past attempts to create new optimized image file types better than the standard JPEG, PNG and GIF formats have been unsuccessful.

据说一张图片值一千个单词，但是在网上，一张图片值一千个千字节甚至更多！ HTTP存档显示，图像平均占网页总大小的64％。 考虑到这一点，图像优化是关键，尤其是当您认为如果3秒钟内未加载请求时，多达40％的用户将放弃请求。 当设计人员希望在不牺牲图像质量的情况下保持图像文件的大小较小时，就会出现图像优化的问题。 过去尝试创建比标准JPEG，PNG和GIF格式更好的新的优化图像文件类型的尝试均未成功。

输入WebP (Enter WebP)

WebP is an image file type that was created in 2010 and is currently being developed by Google. This image format provides lossless and lossy compression to images on the Internet. Several big names are campaigning for the use of WebP, most notably Google, Facebook, and Ebay.

WebP是一种图片文件类型，创建于2010年，目前由Google开发。 此图像格式为Internet上的图像提供无损和有损压缩。 有几家知名公司正在争取使用WebP，其中最著名的是Google，Facebook和Ebay 。

At Aristotle, we are always experimenting with techniques that improve website performance for our clients, so we ran A/B tests to understand WebP's impact on image quality and how to best implement it in our clients' projects.

在亚里斯多德，我们一直在尝试改善客户网站性能的技术，因此我们进行A / B测试以了解WebP对图像质量的影响以及如何在客户项目中最佳实施。

A major reason we considered using WebP is the smaller file size. According to Google:

我们考虑使用WebP的主要原因是文件较小。 根据Google的说法：

• *WebP lossless image files are 26% smaller than PNGs. *
  * WebP无损图像文件比PNG小26％。 *
• *WebP lossy images files are 25-34% smaller than JPEG images at equivalent SSIM index. *
  *在同等的SSIM索引下，WebP有损图像文件比JPEG图像小25-34％。 *

• WebP supports lossless transparency (also known as alpha channel) with just 22% more bytes.

  WebP支持无损透明(也称为Alpha通道)，其字节仅增加22％。

Aristotle's tests have found pros and cons to the WebP image format:

Aristotle的测试发现了WebP图像格式的优缺点：

Pros	Cons
* Smaller file size	* Weak browser support
* Different compression algorithm	* Artifacting has plastic appearance
* Smoother color gradations	* Poor exporting interface
* Alpha channel mask

优点