Srcset to atrybut HTML, który pozwala podać różne pliki obrazu dla różnych rozmiarów i rozdzielczości ekranu, dzięki czemu obrazy na stronie są responsywne. Przeglądarka sama wybiera najlepszy obraz na podstawie cech urządzenia, takich jak rozmiar ekranu czy rozdzielczość. To bardzo przydatne, by obrazy były ostre i szybko się ładowały na różnych urządzeniach, od małych telefonów po duże monitory.
Na przykład dzięki atrybutowi srcset możesz podać kilka plików obrazu dla różnych szerokości ekranu lub gęstości pikseli, a przeglądarka automatycznie wybierze najodpowiedniejszy. Skraca to czas ładowania na urządzeniach mobilnych i sprawia, że na ekranach o wysokiej gęstości pikseli wyświetlają się obrazy w wysokiej rozdzielczości.