WebP information and possible use cases

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

• Matt Wilcox's community blog post
• [Brett Jankord's community blog post] (http://www.w3.org/community/respimg/2012/08/21/thoughts-on-adding-a-type-attribute-2/)
• Google developers blog post
• Mozilla developer statement on WebP

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>