The End of Responsive Images
7 hours ago
- #browser performance
- #web development
- #responsive images
- The author waited fourteen years to announce the end of traditional responsive images with a new 'auto' value in the 'sizes' attribute.
- They were involved in the development of responsive image markup and confess to creating the frustrating 'srcset' and 'sizes' syntax, which they dislike but championed.
- The 'auto' value, when combined with 'loading="lazy"', allows browsers to automatically determine the best image size based on layout, eliminating the need for manual 'sizes' attributes.
- This new approach is supported in major browsers and can be used immediately, with graceful fallbacks for older browsers.
- The author argues that relinquishing control to the browser leads to better performance and user experience, as browsers have access to more context than developers.