Kompresja obrazu dla stron internetowych: mniejsza waga bez poświęcania zdjęcia

Otworzenie strony z przepisem zajmuje dużo czasu, ponieważ każde zdjęcie zostało przesłane prosto z aparatu i waży kilka megabajtów. Czytelnik musi jedynie wyraźnie widzieć jedzenie w szerokości telefonu komórkowego. Zmniejszenie wagi pliku może zmienić wrażenia, pod warunkiem, że kompresja odbywa się według kryteriów.

Wymiary są ważniejsze od procentu jakości

Jeśli obraz zajmuje na stronie 800 pikseli, nie ma powodu publikować zawsze wersji 6000 pikseli. Zmiana rozmiaru w pierwszej kolejności często obniża jakość bardziej niż agresywne dokręcanie. UżywaćKompresuj obrazprzymierzyć i obserwować zarówno wymiary, jak i wagę końcową.

JPEG i WebP dobrze sprawdzają się na zdjęciach; PNG ma zwykle większy sens w przypadku grafik lub obrazów z przezroczystością. Wybór zależy od wymaganej zawartości i kompatybilności. Obraz z małymi liczbami może wyglądać źle przy akceptowalnych poziomach kompresji dla krajobrazów.

Badanie musi odbyć się w miejscu pojawienia się obrazu

Porównaj oryginał i skompresowany w pełnym rozmiarze na stronie, na jasnych i ciemnych ekranach, jeśli to konieczne. Zobacz twarze, obramowania produktów, gradienty i litery wbudowane. Najczęstszymi wadami są widoczne bloki, podwójne kontury i plamy na jednolitych obszarach.

Nazwy, wersje i odpowiedzialność

Zastosuj opisowe nazwy plików, takie jakciasto-czekolada-slice.webporaz tekst alternatywny opisujący treść dla tych, którzy nie widzą zdjęcia. Zachowaj oryginalną wersję w swojej bibliotece. Jeśli publikujesz dużo obrazów, ujednolicaj szerokości i porównaj ładowanie na wolnym łączu. Dobra kompresja polega na znalezieniu najmniejszej wersji, która pozostanie przyjemna i zrozumiała.

Waga strony to suma obrazów

Zdjęcie zmniejszone z 3 MB do 280 KB oznacza znaczne oszczędności, ale galeria zawierająca dwadzieścia zdjęć tego rozmiaru nadal wymaga kilku megabajtów. Przyjrzyj się zestawowi: rozmiar okładki, miniatury, obrazy artykułów i wersja na większe ekrany. Publikowanie tego samego, ogromnego zdjęcia w każdym miejscu marnuje dane odwiedzających. Gdy platforma obsługuje obrazy responsywne, udostępnij wersje proporcjonalne do wielkości wyświetlacza.

Unikaj także kolejnych kompresji podczas edycji. Jeśli ktoś zapisze już zmniejszony plik JPEG, a następny redaktor skompresuje go ponownie, straty się kumulują. Zachowaj wysokiej jakości kopię oryginalnego zdjęcia, podając nazwę i organizację, która pozwoli Ci je znaleźć kilka miesięcy później. W ten sposób możesz generować nowe rozmiary w miarę zmiany układu, bez polegania na plikach, które utraciły już szczegóły.