WebP information and possible use cases

Jump to bottom Edit New page

tomlane edited this page Oct 15, 2012 · 2 revisions

WebP logo

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.

Key links

Use cases

Using a type attribute with fall-back:

<picture>
  <source type="image/webp" srcset="small.wp, medium.wp 2x, big.wp 3x">  
  <source srcset="small.gif, medium.png, big.jpg">
</picture>