WebP with Fallback

Avatar of Chris Coyier
Chris Coyier on (Updated on )

DigitalOcean joining forces with CSS-Tricks! Special welcome offer: get $100 of free credit.

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 →