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
Learn HTML, CSS, and how to build iPhone apps at
Treehouse. Their library of over 1,000 current training videos from expert teachers can get you up to date on the latest web technology.
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".