Kompresja zdjęć to zmniejszanie wagi pliku, czyli liczby KB lub MB, bez wyraźnego pogorszenia wyglądu obrazu. Nie zmienia przy tym wymiarów fotografii w pikselach. Można porównać ją do pakowania walizki: ubrania pozostają te same, ale są ułożone tak, by zajmowały mniej miejsca.
Czym jest kompresja zdjęć?
Podczas kompresji program zapisuje informacje o obrazie w bardziej oszczędny sposób albo usuwa część danych, których odbiorca prawdopodobnie nie zauważy. Rezultatem jest lżejszy plik, który łatwiej przechowywać, wysłać e-mailem lub umieścić na stronie internetowej.
Trzeba rozróżnić wagę pliku od jego wymiarów. Fotografia o rozdzielczości 4000 × 3000 pikseli nadal może mieć takie same wymiary po kompresji, ale zajmować na przykład mniej megabajtów. Jeśli jest wyświetlana w małym miejscu, sama kompresja może jednak nie wystarczyć. Wtedy należy także zmniejszyć jej wymiary, czyli liczbę pikseli.
Jak działa kompresja stratna i bezstratna?
Istnieją dwa główne rodzaje kompresji. Wybór między nimi zależy od tego, czy ważniejszy jest minimalny rozmiar pliku, czy zachowanie każdej informacji obrazu.
| Typ kompresji | Na czym polega? | Najlepsze zastosowanie |
|---|---|---|
| Stratna | Usuwa część mniej zauważalnych informacji, dzięki czemu znacznie zmniejsza wagę pliku. Przy umiarkowanym poziomie kompresji różnica może być niewidoczna dla oka. | Zdjęcia produktów, fotografie na stronach, galerie, media społecznościowe i wysyłka e-mailem. |
| Bezstratna | Zapisuje dane wydajniej, ale pozwala odtworzyć każdy piksel dokładnie. Obraz po otwarciu pozostaje identyczny z oryginałem. | Logotypy, grafiki z tekstem, zrzuty ekranu, ilustracje i obrazy z przezroczystym tłem. |
Kompresja stratna zwykle pozwala uzyskać znacznie mniejszy plik, ale utraconych informacji nie da się później odzyskać. Przy zbyt mocnym ustawieniu jakości mogą pojawić się rozmycie, widoczne bloki, obwódki wokół krawędzi albo pasy w płynnych przejściach kolorów.
Do zdjęć często wykorzystuje się JPG lub WebP w wariancie stratnym. WebP może zapewnić mniejszy plik przy podobnym wyglądzie obrazu, a także obsługuje kompresję bezstratną i przezroczystość. PNG pozostaje dobrym wyborem dla logo, tekstu i grafiki z przezroczystym tłem, ale zwykle nie jest najlepszym formatem dla zwykłych fotografii.
Dlaczego warto kompresować zdjęcia?
Duże obrazy potrafią stanowić znaczną część danych pobieranych podczas otwierania strony. Ich optymalizacja wpływa więc nie tylko na miejsce na serwerze, lecz także na odbiór witryny przez użytkownika.
Najważniejsze korzyści z kompresji zdjęć to:
- Szybsze ładowanie strony – mniejszy plik wymaga pobrania mniejszej ilości danych, co może poprawić wynik LCP, czyli czas wyświetlenia największego elementu widocznego na ekranie.
- Lepsze doświadczenie użytkownika – odwiedzający krócej czeka na zdjęcia, szczególnie podczas korzystania z telefonu lub wolniejszego połączenia.
- Wsparcie dla SEO – szybkość działania strony jest jednym z sygnałów branych pod uwagę przez Google, dlatego ciężkie grafiki mogą pośrednio utrudniać osiąganie dobrych wyników.
- Mniejsze zużycie transferu i miejsca – lżejsze pliki ograniczają transfer danych oraz przestrzeń potrzebną na serwerze, w kopiach zapasowych i urządzeniach.
Sama kompresja nie zastępuje całej optymalizacji obrazu. Znaczenie mają także właściwe wymiary, format, opisowa nazwa pliku i tekst alternatywny. W przypadku zdjęcia głównego strony nie należy bezrefleksyjnie stosować opóźnionego ładowania, ponieważ może ono pogorszyć moment wyświetlenia najważniejszego elementu.
Jak skompresować zdjęcie?
Podstawową optymalizację można wykonać w kilku krokach. Najlepiej pracować na oryginale lub pliku źródłowym, a gotową wersję publikować dopiero po sprawdzeniu jakości.
- Wybierz format – do fotografii na stronie zwykle sprawdzi się WebP albo JPG. PNG wybierz wtedy, gdy potrzebujesz przezroczystości lub bardzo ostrych elementów, takich jak tekst i logo.
- Dopasuj wymiary – zmniejsz szerokość i wysokość zdjęcia do rozmiaru, w jakim będzie wyświetlane. Obraz z aparatu, który ma kilka tysięcy pikseli szerokości, może być niepotrzebnie ciężki na stronie z miejscem o szerokości kilkuset pikseli.
- Ustaw poziom kompresji – zmniejszaj jakość stopniowo i porównuj podgląd. Szukaj punktu, w którym plik jest wyraźnie lżejszy, ale krawędzie, faktury i kolory nadal wyglądają naturalnie.
- Sprawdź wynik – do pojedynczych plików możesz użyć narzędzi takich jak TinyJPG, Optimizilla lub Squoosh. Po zapisaniu obejrzyj obraz w powiększeniu 100% i sprawdź jego wagę.
Wielokrotne zapisywanie tego samego JPG może stopniowo pogarszać jakość, ponieważ kolejne etapy kompresji stratnej usuwają następne informacje. Dlatego poprawki wykonuj na oryginale, a plik do publikacji eksportuj raz, po zakończeniu edycji.
Najprostsza zasada brzmi: najpierw dopasuj wymiary, później wybierz format i poziom kompresji. Dzięki temu zdjęcie będzie wystarczająco lekkie, a jednocześnie zachowa jakość potrzebną odbiorcy.
