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.
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="">