Google developers announced [some improvements](http://googlecode.blogspot.com/2011/11/lossless-and-transparency-encoding-in.html) to the WebP image format they’re building as an alternative to [JPEG](http://en.wikipedia.org/wiki/JPEG), which has become a standard across the Web.() Today’s updates add transparency, which JPEG does not support, so WebP will take on the [PNG](http://en.wikipedia.org/wiki/Portable%20Network%20Graphics) format as well.
The first version used lossy compression, so users would sacrifice some quality in exchange for small files that load faster on webpages. Today’s changes introduce “lossless” compression, meaning users get smaller files without losing image quality. However, only [Opera](http://www.opera.com/) and Google’s Chrome browser support the format natively, so it’s a long way from becoming a standard.
The team reports that WebP gets [25-34% better compression](http://code.google.com/speed/webp/docs/webp_study.html) than JPEG images. Compared to PNG images, which are needed for anything with transparency, WebP image files are [28% smaller](http://code.google.com/speed/webp/docs/webp_lossless_alpha_study.html#results) than even the best, most compressed PNGs. And most websites don’t bother with that compression; from a sample of PNGs pulled from the Web, WebP images were 45% smaller. That means they load 45% faster.
Here’s an example of how the formats compare:
Those penguins all look pretty good (in our slightly compressed, Web-optimized PNG screenshot, that is). What’s important is that they all look roughly identical, but the most compressed WebP version is less than half the file size of the PNG on the left.
It will be an uphill battle for this team, as trying to build a new Web-standard format always is, but the advantages are pretty clear: smaller files = faster Internet.
Check out the WebP team’s [compression study](http://code.google.com/speed/webp/docs/webp_lossless_alpha_study.html) and gallery of [sample images](http://code.google.com/speed/webp/gallery2.html). You can also view the[code](https://groups.google.com/a/webmproject.org/group/webp-discuss/browse_thread/thread/bf368050925aeb8e#) and send the team [feedback](http://www.webmproject.org/about/discuss/#webp-discuss).
Subscribe to Time to Hack
Get the latest posts delivered right to your inbox