WebP with Fallback

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Take your JavaScript to the next level at Frontend Masters.

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.

Also: <img src="image.webp" onerror="this.onerror=null; this.src='image.png'">

Also: with Modernizr

Direct Link →