Grow your CSS skills. Land your dream job.

WebP with Fallback

Published 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.

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

Also: with Modernizr

Direct Link →

*May or may not contain any actual "CSS" or "Tricks".