Dostosowanie wyglądu pod różne rozdzielczości jest często spotykane na strona internetowych, jednak najważniejsza kwestia, rozmiar strony, jej waga, ile użytkownik musi pobrać danych na urządzeniach mobilnych nie korzystających z wifii jest bardzo istotna.
W internecie można znaleźć wiele skryptów korzystających z javascriptu, które podmieniają zdjęcia w zależności od wykrytego rozmiaru urządzenia. Tworząc strony musimy pamiętać że każdy element jest ważny, nie tylko jej wygląd, dostosowanie pod wiele urządzeń, ale także prędkość wczytywania się strony.
Przykład rozwiązania dla HTML-a 5
< picture>
< source srcset="runner-a.jpg" media="(min-width: 950px)">
< source srcset="runner-b.jpg" media="(min-width: 450px)">
< img src="runner-c.jpg" alt="">
< /picture>