Kompletny przewodnik

Kompresja i optymalizacja obrazów

Jak zmniejszyć rozmiar obrazów bez utraty jakości, przyspieszyć stronę i wspiąć się wyżej w wynikach Google.

6 darmowych narzędzi 9 artykułów eksperckich 100% w przeglądarce
53%
użytkowników opuszcza stronę, która ładuje się dłużej niż 3 sekundy
~60%
wagi przeciętnej strony to nieoptymalizowane obrazy
PageSpeed
to potwierdzony przez Google czynnik rankingowy od 2010 roku
WebP
zmniejsza rozmiar pliku nawet o 30% względem JPG przy tej samej jakości
Zobacz wszystkie artykuły →

Najczęstsze pytania o optymalizację

Czy kompresja pogarsza jakość obrazu?
To zależy od metody. Kompresja bezstratna (lossless) nie zmienia ani jednego piksela — jedynie inaczej porządkuje dane. Kompresja stratna (lossy, jak w JPG) usuwa szczegóły niezauważalne dla ludzkiego oka. Przy dobrych ustawieniach różnicy praktycznie nie widać, a plik jest mniejszy o 40–80%.
Jaki rozmiar obrazu jest optymalny na stronie?
Obrazy w treści (banery, zdjęcia) najlepiej trzymać poniżej 150 KB, a miniatury i grafiki pomocnicze poniżej 50 KB. Powyżej 500 KB warto wchodzić tylko z naprawdę konkretnego powodu. Format WebP bardzo ułatwia zmieszczenie się w tych limitach.
Czy Google karze strony z ciężkimi obrazami?
Bezpośrednio nie, ale ciężkie obrazy obniżają wynik PageSpeed, a ten jest czynnikiem rankingowym. Wolne strony mają też wyższy współczynnik odrzuceń, co pośrednio szkodzi SEO. Google wprost zaleca WebP i odpowiednią kompresję.
Czy WebP działa we wszystkich przeglądarkach?
Tak. WebP obsługuje ponad 97% nowoczesnych przeglądarek, w tym Chrome, Firefox, Safari (od 2020 roku) i Edge. Jeśli strona musi działać także na bardzo starych przeglądarkach, wciąż możesz podać JPG jako wersję zapasową za pomocą znacznika picture w HTML.