# Responsive Images with srcset and sizes

Offer the same photo in several widths with srcset, tell the browser how wide it will be shown with sizes, and let each phone, laptop and sharp screen download the file it needs.

![Codey's cheat sheet for Responsive Images with srcset and sizes: Offer the same photo in several widths with srcset, tell the browser how wide it will be shown with sizes, and let each phone, laptop and sharp screen download the file it needs.](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/04f11e8558f54437be19e84846babb7d.webp)

- Category: HTML
- Level: Journeyman
- Tags: html, Pixel density descriptor, Responsive image, sizes, srcset, web-development, Width descriptor
- Updated: October 31, 2026

Source: https://www.ask-codey.com/cheat-sheets/html-images-srcset-and-sizes-cheat-sheet