srcset atribut.

Ispod je (img) element sa uobičajenim src atributom, kao i sa srcset atributom. Preko CSSa je podešena dimenzija slike na 400x400px.
Kod browsera koji ne podržavaju srcset (isprobajte u Internet Exploreru) biće prikazana slika na klasični način korištenjem src attributa odnosno biće korištena ova slika [default image].
Na običnim ekranima biti će prikazana varijanta slike x1 jer imamo pixel na pixel te će ova varijanta srcset biti korištena [1x image].
Na displejima sa 2x gustinom stvarnih pixela po CSS pixelu biti će korištena srcset varijanta 2x slike [2x image].
Identično ako je 3x slika, i 4x slika.

Otvorite ovu stranicu na desktopu pa potom na mobitelu i vidjećete srcset u akciji.

Primjer korištenja src set slike na osnovu gustine pixela ekrana koji je otvorio dizajn.

HTML kod koji radi iznad prikazano je 

<img src="image-src.png" srcset="images/image-1x.png 1x, images/image-2x.png 2x, images/image-3x.png 3x, images/image-4x.png 4x" alt="">