Responsive Images using <picture> and srcset/sizes
01 Jul 2014
Big heavy images are responsible for most of the bloat on a responsive website, but it doesn't have to be that way. Here's the latest HTML elements you can use to keep your images small, and your site lean & fast.
Thanks to Eric Portis's amazing post on srcset/sizes, which really helped me understand how these new elements worked, and from which I borrowed liberally.
Photo credit: Rebecca Stavick