WebP's Past Life

In addition to video, images occupy most of the PC and app traffic, bringing high cost to operators, while excessive image loading can affect the loading speed of websites and apps. Therefore, in the premise of ensuring the quality of the picture to reduce the volume of the picture becomes an imminent thing.

At present, the traditional image format such as JPEG, PNG, GIF and other formats have not much space to optimize, and Google introduced WebP format in the image compression has a new breakthrough.

The birth and principle of WebP

WebP was born because Google developed a WebM video format based on the VP8 video encoding format, and Google's engineers realized that the WebM format was a great fit for compressing keyframes, thus developing the WebP image format.

WebP was originally released in 2010, the main goal is to make the picture quality and JPEG format of the same quality, reduce the volume of the picture file, this reduces the transmission time and traffic consumption of the Internet slice. Shortly after its release, WebP was integrated into Chrome and Android, and Google published libraries that enabled other tools such as IOS apps to support the WebP format.

WebP image format is derived from VP8 video encoding, while providing lossy compression and lossless compression:

• Lossy WebP compression uses the same image encoding method as the VP8 video codec for compressing video keyframes. Using the encoded part of the image to predict the non-coded parts, the image is subdivided to predict the processing, the finer the granularity of the prediction is more accurate. After obtaining the coded value, the original image data is subtracted from the forecast data, and the difference is encoded only to control the size.

• Lossless WebP compression uses known image fragments to accurately reconstruct new pixels, and to optimize with a local palette if the corresponding matching values cannot be found.

WEBP reduces the volume of the picture by 45%

Compared with other image formats, WebP collection features a variety of image file formats. It's like a JPEG for compressing photos and other detail-rich images, like GIF, which can display animated images and support transparent images like PNG. According to Google's tests, WebP lossless compressed images have a 45% less file volume than PNG images, even if these PNG images are processed pngcrush and pngout, the WebP can still reduce the file volume by 28%.

WebP picture format compared to other picture formats

WebP Application Effect

With the popularity of browser support for WebP, there is also an increasing number of Internet users starting to use WebP, where several data are shared:

YouTube video thumbnails using WebP, the page load speed increased by 10%;

The Google Chrome App Store uses WebP to save a few terabytes of bandwidth per day, and page load times are reduced by around 30%;

Petals NET in May 2017 after the opening of WebP, the total number of site requests have not been reduced, the overall bandwidth decreased by nearly 50%.

WebP format compatibility case

While the use of WebP brings a lot of benefits to real-world applications, and Google Chrome and Opera browsers, as well as many other tools and repositories, support WebP, but so far not all browsers support WebP, IE, Edge, Firefox, Safari WebP format is not supported.

WebP Support situation

How to turn on WebP picture format

WebP with excellent image compression performance, as well as both lossless and lossy compression algorithms, quickly in the major websites, apps popularity. So how do you open the WebP format on your website?

and Pat Cloud Console WebP Adaptive open mode

And Pat the cloud now supports WebP image format conversion, and also supports WebP adaptive functionality. In another Pat cloud background one click to turn on the WebP adaptive function, you can use the CDN platform to intelligently determine whether the client browser supports WebP decoding, if support is returned WebP format picture, if not supported will return the original image, the client and the source station without any changes.

Reference article:

webp-Wikipedia Https://zh.wikipedia.org/wiki/WebP

A New image format for the Web https://developers.google.com/speed/webp/

Related reading: All said WebP strong, exactly where?

WebP's Past Life