Zoptymalizuj obrazy

Ta reguła uruchamia się, gdy PageSpeed Insights wykryje, że obrazy na stronie można zoptymalizować, zmniejszając ich rozmiar bez znacznego pogorszenia jakości.

Omówienie

Stosuj jak najmniejsze rozmiary obrazów, by użytkownik nie musiał długo czekać, aż się wczytają. Właściwe sformatowanie i skompresowanie obrazów może zaoszczędzić wiele bajtów danych. Skraca to czas wczytywania strony przy wolnym połączeniu, a także zmniejsza wydatki użytkowników z abonamentem zakładającym ograniczony transfer danych.

Zalecenia

Warto przeprowadzić zarówno podstawową, jak i zaawansowaną optymalizację wszystkich obrazów. Podstawowa optymalizacja to wycinanie zbędnych obszarów, maksymalna akceptowalna redukcja głębi kolorów, usuwanie komentarzy do obrazów i korzystanie z odpowiedniego formatu plików. Te czynności można wykonać przy pomocy dowolnego programu do edycji obrazów, takiego jak GIMP. Optymalizacja zaawansowana obejmuje dalszą (bezstratną) kompresję plików JPEG i PNG.

Użyj narzędzia do kompresji obrazów

Dostępnych jest wiele narzędzi umożliwiających dalszą – bezstratną – kompresję plików JPEG i PNG bez szkody dla jakości obrazów. Dla plików JPEG zalecamy jpegtran i jpegoptim (dostępne wyłącznie dla systemów Linux; uruchamiane przy użyciu opcji --strip-all). Dla PNG zalecamy OptiPNG i PNGOUT.

Wybierz odpowiedni format pliku obrazu

Musisz sprawdzić, który format będzie najlepiej odpowiadał Twoim obrazom. Poniżej znajdziesz kilka ogólnych zaleceń:

  • Pliki PNG są niemal zawsze lepsze od plików GIF, jednak niektóre starsze wersje przeglądarek mogą tylko częściowo obsługiwać pliki PNG.
  • Plików GIF możesz użyć w przypadku małych i prostych grafik (o rozmiarze nieprzekraczającym 10 x 10 pikseli lub palecie kolorów składającej się z mniej niż 3 barw), a także dla obrazów z animacją.
  • Formatu JPG użyj w przypadku wszystkich plików w stylu fotograficznym.
  • Nie używaj formatu BMP ani TIFF.