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.