Google Unveils WebP, New Image Format for the Web

A few months ago, Google open sourced the VP8 video codec as part of the WebM video project, to create a truly Free/free unencumbered video format for the web as an answer to the non-Free/free patent-encumbered H264 format. Today, Google launched a new image format for the web, WebP, which aims to significantly reduce the file size of photos and images on the web.

Google explains that of all the bytes transmitted through the intertubes today, 65% is made up of images and photos. In other words, if there’s an area where you can save on bandwith – and thus, speed up the web – it’s image optimisation. To that end, Google has unveiled WebP, an image format which makes use of the techniques from VP8 video intra frame coding. The container format is lightweight, and based and based on RIFF.

A more detailed explanation can be found on WebP’s website. “WebP uses predictive coding to encode an image, the same methodology used by the VP8 video codec to compress keyframes in videos,” the page reads, “Predictive coding uses the values in neighboring blocks of pixels to predict the values in a block, and then encodes only the difference (residual) between the actual values and the prediction. The residuals typically contain many zero values, which can be compressed much more effectively. The residuals are then transformed, quantized and entropy-coded as usual. WebP also uses variable block sizes.”

So, what is the result of this? “In order to gauge the effectiveness of our efforts, we randomly picked about 1,000,000 images from the web (mostly JPEGs and some PNGs and GIFs) and re-encoded them to WebP without perceptibly compromising visual quality,” writes Richard Rabbat, product manager at Google, “This resulted in an average 39% reduction in file size. We expect that developers will achieve in practice even better file size reduction with WebP when starting from an uncompressed image.”

They’ve set up a comparison site, with the original JPEGs on the left, and the re-encoded WebP images on the right. In this case, the WebP images use the PNG container format so we can actually see them. To my untrained eye, there’s absolutely no difference, and I have a pretty decent monitor. The one difference I do not is the sometimes ridiculous reduction in file size – which makes me happy.

103 Comments

  1. 2010-09-30 11:13 pm
    • 2010-10-01 10:07 am
    • 2010-10-01 11:08 am
  2. 2010-09-30 11:18 pm
    • 2010-09-30 11:25 pm
      • 2010-10-02 3:55 am
        • 2010-10-02 4:05 am
          • 2010-10-04 10:18 pm
    • 2010-09-30 11:51 pm
      • 2010-10-01 4:13 am
        • 2010-10-01 2:42 pm
          • 2010-10-01 8:25 pm
      • 2010-10-01 4:38 pm
  3. 2010-10-01 12:02 am
    • 2010-10-01 12:17 am
      • 2010-10-01 11:49 am
        • 2010-10-01 2:32 pm
          • 2010-10-01 8:51 pm
          • 2010-10-02 12:36 am
          • 2010-10-02 10:58 pm
          • 2010-10-03 5:41 am
      • 2010-10-01 1:23 pm
        • 2010-10-01 8:49 pm
    • 2010-10-01 1:45 am
  4. 2010-10-01 12:53 am
  5. 2010-10-01 1:43 am
    • 2010-10-01 2:08 am
      • 2010-10-01 3:24 am
        • 2010-10-01 4:03 am
          • 2010-10-01 1:00 pm
          • 2010-10-03 4:38 am
        • 2010-10-01 5:37 am
          • 2010-10-01 6:26 am
          • 2010-10-01 7:27 am
        • 2010-10-01 6:26 am
        • 2010-10-01 11:17 am
    • 2010-10-01 5:49 am
    • 2010-10-01 10:09 am
      • 2010-10-01 10:23 am
        • 2010-10-03 4:40 am
      • 2010-10-03 8:45 pm
  6. 2010-10-01 5:16 am
    • 2010-10-01 2:44 pm
  7. 2010-10-01 7:11 am
    • 2010-10-03 4:43 am
  8. 2010-10-01 8:03 am
  9. 2010-10-01 8:24 am
    • 2010-10-01 11:37 am
      • 2010-10-01 12:55 pm
        • 2010-10-01 1:44 pm
  10. 2010-10-01 8:43 am
    • 2010-10-01 8:48 am
      • 2010-10-01 10:17 am
        • 2010-10-01 11:44 am
          • 2010-10-01 12:28 pm
        • 2010-10-01 2:14 pm
          • 2010-10-01 8:57 pm
          • 2010-10-01 9:35 pm
          • 2010-10-01 10:29 pm
          • 2010-10-01 10:55 pm
          • 2010-10-01 11:25 pm
          • 2010-10-02 12:44 am
          • 2010-10-02 1:59 am
          • 2010-10-02 9:49 am
          • 2010-10-02 3:02 pm
          • 2010-10-02 3:44 pm
          • 2010-10-02 4:21 pm
          • 2010-10-02 7:31 pm
          • 2010-10-03 12:09 pm
          • 2010-10-03 2:09 pm
          • 2010-10-03 7:40 pm
          • 2010-10-03 9:41 pm
          • 2010-10-03 11:14 pm
          • 2010-10-04 12:04 am
          • 2010-10-04 1:01 am
          • 2010-10-04 2:52 am
          • 2010-10-04 5:37 am
          • 2010-10-04 10:01 am
          • 2010-10-04 4:29 pm
          • 2010-10-04 7:22 pm
          • 2010-10-04 7:56 pm
          • 2010-10-03 8:14 pm
          • 2010-10-03 9:35 pm
          • 2010-10-03 10:06 pm
          • 2010-10-03 10:27 pm
          • 2010-10-03 11:40 pm
          • 2010-10-02 2:39 am
          • 2010-10-02 4:21 am
          • 2010-10-02 9:53 am
          • 2010-10-02 2:01 pm
        • 2010-10-04 9:15 am
      • 2010-10-01 1:50 pm
    • 2010-10-01 1:42 pm
      • 2010-10-01 3:15 pm
  11. 2010-10-01 8:47 am
    • 2010-10-01 1:18 pm
      • 2010-10-02 7:26 am
        • 2010-10-02 8:08 am
  12. 2010-10-02 7:34 pm
    • 2010-10-04 1:36 am
      • 2010-10-04 2:55 am
        • 2010-10-04 1:26 pm
  13. 2010-10-03 4:49 am