First of all, thank you for sharing this! I learned about a new image storage format, webp, and tried it. It was amazing, amazing webp and amazing Google!
Webp is a new image format that provides lossless and lossy compression for images on the Web. webp lossless images are 26%.
Smaller in size compared to pngs. webp lossy images are 25-34% smaller in size compared to JPEG images at equivalent
SSIM index. webp supports lossless transparency (also known as alpha channel) with just 22% additional bytes.
Webp is a new image format that provides two compression methods: lossy and lossless compression. After webp adopts lossless compression, the image size is 26% smaller than PNG, and lossy compression has the same SSIM index (this is advanced, I don't know, it is roughly equivalent quality) is 25-34% smaller than JPEG images. Webp supports lossless transparency (also known as alpha channel), and the image size increases by 22%.
I can't just say it. It's practical.
In the following two figures, the 560 k png image is 52 K after compression, and the key is that the compression quality is much better than imagined. This undoubtedly benefits devices with limited bandwidth such as mobile terminals.
Compression command
cwebp.exe -q 50 1_webp.png -o 1_webplossless.webp
Since the background does not support the last webp format, I can cut a picture.
The following is the Getting Started Guide: https://developers.google.com/speed/webp/docs/using
Source