Optymalizacja zdjęć na stronie internetowej
Optymalizacja zdjęć to proces zmniejszenia ich objętości (wielkości pliku). Zdjęcia o dużej objętości spowalniają ładowanie strony internetowej, a tym samym pogarszają wrażenia użytkowników. Wpływa to również negatywnie na ocenę strony, której dokonuje Google umieszczając ją w indeksie stron wyszukiwarki Google, przez co strona może znaleźć się niżej w wynikach wyszukiwania.
Każde zdjęcie zapisane w formacie cyfrowym charakteryzuje się kilkoma parametrami, które mają wpływ na jego objętość. Podstawowe z tych parametrów to: wymiary zdjęcia, format w jakim zdjęcie jest zapisane oraz stopień kompresji.
Wymiary zdjęcia
Zdjęcia wykonywane przy pomocy telefonu lub cyfrowego aparatu fotograficznego zazwyczaj mają duże wymiary oraz rozdzielczość. Wymiary (szerokość oraz wysokość) takich zdjęć to 2000 pikseli i więcej. Rozdzielczość, rozumiana jako ilość punktów na cal, wynosi 300 DPI i więcej. Chociaż wysokiej jakości zdjęcia dobrze nadają się do druku, to ich duża objętość sprawia, że nie nadają się na stronę internetową. Objętość takich zdjęć może wynosić 2MB, a nie rzadko 10MB i więcej. Jeżeli na stronie umieścimy np. 10 takich zdjęć, to spowoduje to konieczność pobrania dodatkowo od 20MB do 100MB i więcej, a czas załadowania się takiej strony w zależności od szybkości transferu będzie wynosił od kilkunastu sekund do nawet kilku minut.
Wymiary zdjęcia powinny być tak dobrane by przeglądarka wyświetlała zdjęcie bez konieczności jego przeskalowania. Obecnie, z uwagi na możliwość wyświetlania strony internetowej na ekranach o różnym rozmiarze, wymaga to najczęściej użycia kilku wersji tego samego zdjęcia.
Nowoczesne systemy CMS automatyzują proces tworzenia wielu wersji zdjęcia, mimo to, warto samodzielnie stworzyć plik źródłowy, który posłuży jako baza do stworzenia plików o mniejszym rozmiarze.
Istnieje wiele narzędzi online do zmiany rozmiaru zdjęć:
Format pliku
Format pliku to sposób zapisu danych w postaci cyfrowej. Istnieje kilka formatów plików graficznych, których można użyć na stronie internetowej:
- bmp – pliki w tym formacie nie powinny być używane na stronach internetowych z uwagi na ich dużą objętość,
- gif – używa tylko 256 kolorów i między innymi z tego powodu najlepiej nadaje się do zapisu prostych również animowanych grafik,
- png – format z wydajną i bezstratną kompresją, obsługujący dodatkowo przezroczystość,
- jpeg/jpg – format z kompresją stratną, która w przypadku zdjęć bardzo dobrze wpływa na zmniejszenie objętości pliku przy zachowaniu akceptowalnej jakości.
- webp – format opracowany i promowany przez Google oferujący bardzo dobrą jakość przy najczęściej najmniejszej objętości pliku.
Narzędzia on‐line do zmiany formatu pliku graficznego (tzw. konwertery) to m.in:
Stopień kompresji
W przypadku niektórych formatów, programy do ich edycji, umożliwiają manipulowanie stopniem kompresji. Stopień kompresji wpływa na objętość pliku jednocześnie obniżając jakość obrazu. Z uwagi na niedoskonałość ludzkiego oka obniżenie jakości może być mało widoczne. Istnieją narzędzia on‐line do inteligentnej zmiany stopnia kompresji, do najpopularniejszych należą:
Dodatkowo narzędzia te umożliwiają zmianę wielu plików jednocześnie.
Podsumowanie
Prędkość działania strony internetowej oraz wrażenia użytkownika zależą w dużym stopniu od tego, czy i w jaki sposób zoptymalizowano zdjęcia oraz grafiki użyte na stronie. W przypadku systemów CMS również warto zoptymalizować zdjęcia przed wysłaniem ich na serwer. Należy również pamiętać o użytkownikach, którzy z różnych przyczyn, nie mogą lub nie chcą zobaczyć zdjęć oraz grafik i stosować atrybut alt dla wszystkich obrazów oraz odpowiednie nazwy plików.