Jak kompresować zdjęcia na stronę internetową
Obrazy to zwykle najcięższa część strony. Oto jak je odchudzić.
1. Zmień rozmiar do wymiarów wyświetlania
Zdjęcie o szerokości 4000 px wyświetlane w 800 px marnuje 96% pikseli. Zmniejszaj obrazy najwyżej do dwukrotności szerokości wyświetlania, aby były ostre na ekranach retina.
2. Wybierz nowoczesny format
WebP jest obsługiwany przez wszystkie nowoczesne przeglądarki i zwykle jest o 25–35% mniejszy niż JPG. AVIF jest dla zdjęć jeszcze mniejszy. PNG zostaw tylko dla grafik, które muszą pozostać bezstratne.
3. Wybierz właściwą jakość
Jakość 75–82 dla większości zdjęć nie daje widocznych strat. Porównaj „przed” i „po”, aby znaleźć najniższe ustawienie, które nadal dobrze wygląda.
4. Usuń metadane
Dane EXIF mogą dodać dziesiątki kilobajtów do każdego obrazu i ujawnić prywatne informacje. Usuń je przed publikacją.
5. Zautomatyzuj
Używaj przetwarzania wsadowego dla istniejących bibliotek, a API lub wtyczki CMS dla nowych plików, aby każdy obraz był optymalizowany automatycznie.