Optymalizacja zdjęć na stronach internetowych

Rola optymalizacji jest olbrzymia zarówno pod katem User Experience jak i SEO.

Dlaczego? Otóż zdjęcie może ważyć wielokrotność reszty strony internetowej jaką przeglądarka ma do załadowania.

W optymalizacji odgrywają rolę 3 czynniki. Po pierwsze: format, po drugie: wielkość umieszczanego na stronie zdjęcia, oraz semantyka dodania linku.

*Format to sposób zapisu zdjęcia. Wyróżniamy kilka najpopularniejszych: PNG, które nadaje się do rastrowych wykresów, grafów, prostych ilustracji na regularnym tle oraz logo ze względu na obsługę przezroczystości. GIF do zdjęć ruchomych oraz JPEG do wszelkich zdjęć. Jest jeszcze nowy format WebP jednak ten nie jest szeroko wspierany ale prognozuje się że stanie się wkrótce standardem internetowym.

*Wielkość zdjęcia: Ładując zdjęcia ze zoptymalizowaną wielkością nie obciążamy niepotrzebnie łącza internauty i zachowujemy optymalną jakość.

*Semantyka: czyli to jaki kod dodajemy dla umieszczenie zdjęcia na stronie. Kod taki powinien zawierać atrybut alt, oraz semantycznie brzmiącą nazwę. Np: nazwa-zdjecia.jpg.

Sprawdź porównanie w obszernym przewodniku po formatach i optymalizacji zdjęć na stronie internetowej. mansfeld.pl/grafika/optymaliza...