All Topics
All Topics
Technology
Technology
Design
Design
Programming
Programming
Science
Science
News
News
Gaming
Gaming
Entertainment
Entertainment
Business
Business
Finance
Finance
Sports
Sports
Health
Health
Food
Food
Travel
Travel
Art
Art
Music
Music
Books
Books
Education
Education
Politics
Politics
Personal
Personal
No algorithm. No AI slop. No ads. Just RSS. Pro-human. Indie writers. Real journalism. Open web. Chronological. Hand toasted.

The auto sizes attribute: A breakthrough in responsive image authoring

By

OuterVale

1mo ago· 18 min readenInsight

Summary

Mat Marquis reflects on 14 years of working with responsive images on the web, culminating in the introduction of the `auto` value for the `sizes` attribute. This new capability eliminates the need for manually specifying sizes in HTML, dramatically simplifying responsive image authoring while improving front-end performance and user experience. The article serves as both a technical deep-dive and a personal retrospective on the evolution of responsive images.

Key quotes

· 4 pulled
For you, just a handful of characters will mean improvements to the fundamental ergonomics of working with images.
For users, it will mean invisible, seamless, and potentially massive improvements to front-end performance, forever stitched into the fabric of the web.
For me, it means the time has finally come to confess to my sinister machinations — a confession almost a decade and a half in the making.
The sizes attribute has been a necessary evil but now, with an auto value capability, it's completely transformed authoring responsive images on the web.
Snippet from the RSS feed
Mat Marquis has waited 14 years to write this article. The sizes attribute has been a necessary evil but now, with an auto value capability, it’s completely transformed authoring responsive images on the web.

You might also wanna read