--- title: Ending Responsive Images – Master.dev Blog | daily.dev description: The sizes attribute for responsive images has long been one of the more painful parts of web development due to its complex syntax needing to stay in sync with... canonical: https://daily.dev/posts/ending-responsive-images-master-dev-blog-uegsx3njo twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Ending Responsive Images – Master.dev Blog | daily.dev og:description: The sizes attribute for responsive images has long been one of the more painful parts of web development due to its complex syntax needing to stay in sync with... og:url: https://daily.dev/posts/ending-responsive-images-master-dev-blog-uegsx3njo og:image: https://api.daily.dev/og/posts/uegsx3nJo.png og:image:alt: Ending Responsive Images – Master.dev Blog og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Ending Responsive Images – Master.dev Blog **[Frontend Masters](https://daily.dev/sources/frontendmasters)** · 1 min read · 47 upvotes · 3 comments ## Summary The sizes attribute for responsive images has long been one of the more painful parts of web development due to its complex syntax needing to stay in sync with CSS. sizes="auto" support is nearly ready for broad use. Going further, Jason Grigsby proposes eliminating srcset entirely by leveraging Client Hints — letting the browser tell the server exactly what image size is needed, allowing a return to simple markup with lazy loading. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What does sizes="auto" do for the img element in HTML? Sizes="auto" lets the browser automatically determine the correct image size for the img element without requiring a manually written sizes attribute kept in sync with CSS. It's nearing broad browser support, removing one of the most complicated parts of implementing responsive images, since developers no longer must hand-write sizes expressions matching their layout rules. _Developers tracking browser support milestones for image APIs follow changes like this on daily.dev._ ### Can Client Hints replace the need for srcset in responsive images? Yes, according to Jason Grigsby's proposal, Client Hints could let the server receive the exact image size needed and respond with the right image, removing the need for srcset and the multi-image production pipeline it requires. Combined with sizes="auto" and lazy loading, this would reduce markup back to a simple img src/alt tag. _Anyone weighing srcset against newer image-serving approaches can follow this debate on daily.dev._ ## Community discussion Top comments from developers on daily.dev. **@baptistecrouzet** · 1 upvotes > Bye responsive images ! > >  ## Similar posts on daily.dev - [Ending Responsive Images](https://daily.dev/posts/ending-responsive-images-jvntuvxno) · Cloud Four · 88 upvotes · 4 comments - [Auto \`sizes\` on Images – Frontend Masters Blog](https://daily.dev/posts/auto-sizes-on-images-frontend-masters-blog-xum5viky9) · Frontend Masters · 50 upvotes · 1 comments - [Responsive Images in WordPress: What You Need to Know](https://daily.dev/posts/responsive-images-in-wordpress-what-you-need-to-know-6e2xqgdyf) · WP Mayor · 0 upvotes · 0 comments - [How we improved image download sizes on Medium with just four characters](https://daily.dev/posts/how-we-improved-image-download-sizes-on-medium-with-just-four-characters-fxn4wo3r0) · Medium Engineering · 2 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#html](https://daily.dev/tags/html) [View this post on daily.dev](https://daily.dev/posts/ending-responsive-images-master-dev-blog-uegsx3njo) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Ending Responsive Images – Master.dev Blog","url":"https://daily.dev/posts/ending-responsive-images-master-dev-blog-uegsx3njo","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/ending-responsive-images-master-dev-blog-uegsx3njo"},"datePublished":"2026-07-31T20:54:47.261Z","dateModified":"2026-09-13T19:05:45.614Z","description":"The sizes attribute for responsive images has long been one of the more painful parts of web development due to its complex syntax needing to stay in sync with...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0b99b884c92bd2a9248a5e598327be9a?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/0b99b884c92bd2a9248a5e598327be9a?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Frontend Masters","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Frontend Masters","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/d34dd87208f24090bfb0917307fcf89f","url":"https://daily.dev/sources/frontendmasters"},"commentCount":3,"discussionUrl":"https://daily.dev/posts/ending-responsive-images-master-dev-blog-uegsx3njo","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":47},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":3}],"keywords":"webdev,html","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Frontend Masters","item":"https://daily.dev/sources/frontendmasters"},{"@type":"ListItem","position":3,"name":"Ending Responsive Images – Master.dev Blog"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/ending-responsive-images-master-dev-blog-uegsx3njo","comment":[{"@type":"Comment","text":"Bye responsive images !","datePublished":"2026-08-03T19:16:58.577Z","url":"https://daily.dev/posts/uegsx3nJo#c-MrsstJnIW","author":{"@type":"Person","name":"Baptiste Crouzet","url":"https://daily.dev/baptistecrouzet","image":"https://avatars0.githubusercontent.com/u/26898487?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/ending-responsive-images-master-dev-blog-uegsx3njo#faq","mainEntity":[{"@type":"Question","name":"What does sizes=\"auto\" do for the img element in HTML?","acceptedAnswer":{"@type":"Answer","text":"Sizes=\"auto\" lets the browser automatically determine the correct image size for the img element without requiring a manually written sizes attribute kept in sync with CSS. It's nearing broad browser support, removing one of the most complicated parts of implementing responsive images, since developers no longer must hand-write sizes expressions matching their layout rules. Developers tracking browser support milestones for image APIs follow changes like this on daily.dev."}},{"@type":"Question","name":"Can Client Hints replace the need for srcset in responsive images?","acceptedAnswer":{"@type":"Answer","text":"Yes, according to Jason Grigsby's proposal, Client Hints could let the server receive the exact image size needed and respond with the right image, removing the need for srcset and the multi-image production pipeline it requires. Combined with sizes=\"auto\" and lazy loading, this would reduce markup back to a simple img src/alt tag. Anyone weighing srcset against newer image-serving approaches can follow this debate on daily.dev."}}]} ```