Responsive layouts squish and stretch, tailoring themselves to the browsing context at hand. But images — which account for nearly two-thirds of the weight of the web — have been stuck in the fixed-layout past. Their solitary src has forced developers to optimize images around a particular context.
Until now! New, native responsive image functionality lets authors mark up multiple, alternate image sources. This markup paves the way for enormous performance gains by giving images the ability to adapt to meet users’ needs.
In this talk, we’ll kick the new markup’s tires and take it for a spin. We’ll get acquainted with how it works, how it doesn’t, and the new possibilities that it brings. Buckle up!
26. TIM KADLEC:
Mobile Image Processing
VIDEO: https://www.youtube.com/watch?v=jP68rCjSSjM
SLIDES:https://speakerdeck.com/tkadlec/mobile-image-processing-at-velocity-sc-2015