WebP with Fallback
April 28, 2013
by Chris Coyier
WebP images will save a quarter to a third of the file size over PNG or JPG. Not all browsers are going to support it, but Bruce Lawson shares a way we can use it in such a progressive enhancement kind of way.
<img src="image.webp" onerror="this.onerror=null; this.src='image.png'">
Direct Link → Share On
Treehouse is where you go to learn HTML, CSS, and how to build iOS apps. It's a complete education in modern web and app technology, designed to get you ready for a hot new job or to kickstart your own business.
The Lodge is a member login only area with access to video training on how to build websites from scratch using the best modern tools.
Wufoo is the most powerful online form builder out there. Easily build multi-page forms, add logic and branching, customize the design, take payments, and much more.
Try it free!
*May or may not contain any actual "CSS" or "Tricks".