Jak zmniejszyć rozmiar zdjęcia bez utraty jakości

Wgrywasz zdjęcie na stronę, do karty produktu albo do formularza, a ono nie przechodzi: limit przekroczony, strona się dławi, podgląd otwiera się całą wieczność. Znajome. Dobra wiadomość jest taka, że niemal każdy ciężki obraz można zmniejszyć kilkukrotnie, a przy właściwym podejściu różnica na ekranie będzie niezauważalna. W tym artykule rozłożymy na czynniki pierwsze, z czego składa się waga pliku, jakie sposoby kompresji istnieją, jaką jakość JPEG ustawiać pod konkretne zadanie, jak zmieścić się w twardym limicie rozmiaru i jak skompresować od razu cały katalog, nie psując ani jednego kadru.

Zanim cokolwiek zaczniesz kompresować, warto zrozumieć, skąd biorą się megabajty. Waga fotografii to nie magia, lecz suma całkiem konkretnych rzeczy. Kiedy rozumiesz, co dokładnie rozdyma plik, wybór właściwego sposobu kompresji staje się wielokrotnie prostszy i nie tracisz jakości tam, gdzie da się tego uniknąć. Wiele osób w panice łapie się za pierwszy lepszy suwak i zabija ostrość, choć problem był w zupełnie innym miejscu.

Wyobraź sobie prostą analogię. Fotografia jest jak walizka przed podróżą. Czasem jest ciężka, bo wziąłeś zbyt duży rozmiar walizki (rozdzielczość). Czasem dlatego, że rzeczy są ułożone niechlujnie i zajmują więcej miejsca, niż trzeba (nieefektywny format). A czasem w środku leży masa drobiazgów, które w drodze wcale nie będą potrzebne (metadane). I w każdym przypadku rozładowywać walizkę trzeba inaczej.

Trzy przyczyny ciężkiego pliku

Praktycznie cała nadmiarowa waga fotografii składa się z trzech źródeł. Omówimy każde z nich, bo od tego, które z nich jest głównym w twoim konkretnym przypadku, zależy sposób kompresji.

Przyczyna pierwsza: zbyt wysoka rozdzielczość. Współczesne smartfony i aparaty robią zdjęcia w 12, 24, 48, a nawet 200 megapikselach. To dziesiątki i setki milionów punktów w jednym kadrze. Każdy punkt przechowuje swój kolor, a im więcej punktów, tym cięższy plik. Do druku plakatu wysoka rozdzielczość jest świetna. Ale do wyświetlania na ekranie, gdzie realnie widać 1500-2000 punktów w szerokości, taka rozdzielczość jest wielokrotnie nadmiarowa. Zdjęcie w 48 megapikselach zawiera mniej więcej dziesięć razy więcej punktów, niż potrzeba do karty produktu czy artykułu. To najczęstsza przyczyna ciężkich plików, a jednocześnie najbardziej bezbolesna do poprawy, bo nadmiarowe piksele na ekranie i tak się nie wyświetlają.

Przyczyna druga: format bez kompresji lub z nieefektywną kompresją. PNG, BMP, TIFF, RAW i po części HEIC przechowują dane bardzo szczegółowo. PNG i BMP praktycznie nie kompresują fotografii: PNG kompresuje bezstratnie i na zdjęciu z milionami odcieni po prostu nie ma czego wyrzucić, a BMP nie kompresuje wcale. RAW to surowe zdjęcie prosto z matrycy, które może ważyć 20-50 MB na kadr. Jeśli przypadkiem zapisałeś zwykłe zdjęcie jako PNG albo wysłałeś RAW tam, gdzie oczekiwano lekkiego obrazka, przepłacasz wagą wielokrotnie dosłownie na pustym miejscu. Ten sam krajobraz w PNG może ważyć 8 MB, a w JPEG o tej samej jakości wizualnej zaledwie 700 KB.

Przyczyna trzecia: zbędne metadane. Wewnątrz pliku kryje się informacja techniczna EXIF: model aparatu, współrzędne miejsca zdjęcia, data, ustawienia, czasem wbudowana miniatura podglądu i obszerny profil kolorów. Na jedno zdjęcie to zwykle niewiele, od dziesiątek do setek kilobajtów, ale na paczce ze stu kadrów zbiera się zauważalna objętość. Do tego to kwestia prywatności, do której jeszcze osobno wrócimy.

Ważne, by zrozumieć rzecz najważniejszą: te trzy dźwignie działają razem. Najczęściej nie trzeba poświęcać jakości JPEG do nierozpoznawalności. Wystarczy prawidłowo zmniejszyć rozdzielczość, wybrać odpowiedni format i dobrać rozsądną jakość, a plik już schudnie kilkukrotnie przy tym samym wyglądzie obrazu. Dalej omówimy każdą dźwignię osobno, z konkretnymi liczbami i instrukcjami krok po kroku, potem oddzielnie porozmawiamy o docelowych wagach pod różne zadania, o wsadowej kompresji katalogu i o tym, jak nie zepsuć zdjęcia w trakcie. Na koniec zbierzemy wszystko w krótką listę kontrolną i odpowiemy na częste pytania.

Jeśli trzeba szybko i mocno odchudzić zdjęcie, zaczynać należy właśnie od rozdzielczości. To najpotężniejsze narzędzie, ponieważ waga rośnie proporcjonalnie do liczby pikseli, a pikseli w kadrze jest bardzo dużo. I co najważniejsze, tutaj można oszczędzić w ogóle bez utraty widocznej jakości, bo nadmiarowe piksele i tak nie są wyświetlane na ekranie.

Żeby stało się jaśniej, trochę arytmetyki. Kiedy zmniejszasz szerokość zdjęcia o połowę, wysokość też zmniejsza się o połowę, jeśli zachowujesz proporcje. A to znaczy, że ogólna liczba pikseli spada nie dwukrotnie, lecz czterokrotnie. Zmniejszyłeś bok trzy razy, uzyskałeś dziewięć razy mniej punktów. Właśnie dlatego rozdzielczość to dźwignia o największym efekcie: niewielkie zmniejszenie rozmiaru daje ogromny spadek wagi. Oto dlaczego zawsze warto zaczynać właśnie od niej, a nie od razu chwytać się suwaka jakości.

Ile pikseli realnie potrzeba pod różne zadania

Rozsądny punkt odniesienia zależy od tego, gdzie zdjęcie będzie żyło. Zbierzmy praktyczną tabelę rozmiarów po dłuższym boku.

• Awatar, ikona, mały podgląd: 200-600 px. Takie obrazki są wyświetlane maleńkie i większej rozdzielczości w nich po prostu nie widać. Do awatara w mediach społecznościowych lub w komunikatorze 400-500 px wystarcza z zapasem.
• Obraz w treści artykułu, posta, bloga: 800-1200 px. To wystarcza, żeby obraz wyglądał wyraźnie w strumieniu treści, nie rozciągając się na cały ekran.
• Duże zdjęcie na całą szerokość strony, główna karta produktu: 1500-2000 px wystarcza niemal zawsze. Nawet przy powiększeniu detale produktu czytają się świetnie. To złoty standard dla sieci.
• Karta produktu na platformie sprzedażowej: kieruj się wymaganiami platformy. Zwykle to od 900x1200 do 1500x2000 px, czasem wymagają kwadratu lub pionu z białym tłem. Nie rób mniej niż wymagane minimum, bo moderacja odrzuci, i nie rób wielokrotnie większego, to zbędna waga.
• Załącznik do e-maila: 1000-1600 px po dłuższym boku zwykle w zupełności wystarcza, żeby odbiorca obejrzał zdjęcie na dowolnym ekranie.
• Tło na cały ekran na dużych monitorach: do 2560 px, wyżej rzadko ma sens, bo gęstość pikseli ekranu już tego nie pokaże.
• Druk: tu logika jest odwrotna, dla druku ważna jest gęstość punktów. Liczy się tak: potrzebny rozmiar odbitki w calach pomnożony przez 300 DPI. Odbitka 10x15 cm to około 4x6 cali, czyli około 1200x1800 px przy 300 DPI. Do dużego plakatu potrzeba więcej. Jeśli zdjęcie idzie do druku, rozdzielczości nie tnij bez potrzeby.

Zdjęcie z telefonu o szerokości 4000 px przy zmniejszeniu do 1600 px traci około 84% pikseli. Plik przy tym może schudnąć 5-8 razy, a na ekranie różnicy nie zobaczysz, bo nadmiarowe punkty i tak nie były wyświetlane.

Poglądowy przykład przed i po

Weźmy konkretny kadr i prześledźmy jego los. Zdjęcie źródłowe z telefonu: 4032x3024 punkty, format JPEG, waga około 6 MB. Zadanie: umieścić je w artykule na stronie.

1. Zmniejszamy rozdzielczość do 1600x1200 px. Tylko dzięki temu krokowi, przy zachowaniu dawnej wysokiej jakości, plik spada mniej więcej do 1-1,2 MB.
2. Ustawiamy jakość JPEG na 85%. Plik staje się około 350-500 KB.
3. Usuwamy EXIF. Zrzucamy jeszcze kilkadziesiąt kilobajtów.

Efekt: było 6 MB, zostało około 400 KB. To zmniejszenie mniej więcej 15-krotne, a na ekranie obraz wygląda dokładnie tak samo. Różnicę widać tylko we właściwościach pliku, ale nie gołym okiem.

Jak zmniejszyć rozdzielczość krok po kroku

1. Ustal, gdzie pójdzie zdjęcie, i weź docelową szerokość z listy powyżej. Lepiej wychodzić od tego, jak dużo zdjęcie będzie realnie pokazane, a nie od tego, jakie jest teraz.
2. Zmniejszaj tylko w dół. Powiększanie małego zdjęcia jest bezsensowne: waga wzrośnie, a ostrości nie przybędzie, obraz stanie się tylko rozmydlony.
3. Zachowuj proporcje. Jeśli zmieniasz szerokość, wysokość powinna przeliczyć się automatycznie, inaczej obraz się spłaszczy albo rozciągnie. Niemal wszystkie porządne narzędzia robią to domyślnie, ale sprawdź, czy zaznaczenie zachowania proporcji jest włączone.
4. Najpierw zmniejsz rozdzielczość, a dopiero potem dobieraj kompresję jakości. W takiej kolejności wynik jest bardziej przewidywalny i nie będziesz gonić jakości tam i z powrotem na darmo.

Częsty błąd z parametrem DPI

Mały, ale ważny szczegół, na którym potyka się niemal każdy: parametr DPI (punkty na cal) na wagę i na wygląd obrazu w internecie nie wpływa w ogóle. DPI ma sens tylko przy druku, mówi drukarce, jak gęsto układać punkty na papierze. Dla ekranu ważne są właśnie piksele, a nie DPI. Dlatego jeśli ktoś radzi ci ustawić 72 DPI, żeby zdjęcie stało się lżejsze, to mit. Zmieniaj liczbę pikseli, a nie cyfrę DPI, i nie trać czasu na zabawę tym parametrem. Plik o wymiarach 1600x1200 px waży tyle samo przy 72 DPI i przy 300 DPI, bo fizycznie zawiera taką samą liczbę punktów.

Co robić z bardzo dużymi oryginałami

Jeśli masz na ręku kadry ze współczesnego aparatu na 40-60 megapikseli albo panoramę sklejoną z kilku zdjęć, oryginał może ważyć dziesiątki megabajtów. Tutaj rozdzielczość to nie tylko główna, ale niemal jedyna znacząca dźwignia. Zmniejszenie takiego pliku z 8000 px do 2000 px po dłuższym boku zrzuca około 94% pikseli, a waga spada dziesiątki razy jeszcze zanim dotkniesz jakości. Dlatego przy pracy z ciężkimi oryginałami zawsze najpierw sprowadzaj rozdzielczość do rozsądnej dla zadania, a dopiero potem myśl o formacie i jakości. Odwrotna kolejność, najpierw kompresja jakości ciężkiego wielopikselowego pliku, jest nieefektywna: zepsujesz obraz, a waga i tak zostanie duża z powodu nadmiaru punktów.

Druga co do siły dźwignia to format. Ten sam kadr w różnych formatach może różnić się wagą dziesięciokrotnie. Główna zasada jest prosta: fotografie lubią JPEG i WebP, a grafika z przezroczystością żyje w PNG. Jeśli zapamiętasz tylko to jedno zdanie, już unikniesz większości błędów z wagą.

Dlaczego tak się dzieje? Różne formaty używają różnych sposobów przechowywania danych. Jedne są zaprojektowane pod płynne fotograficzne przejścia koloru, inne pod wyraźne linie i jednolite wypełnienia. Kiedy wrzucasz zdjęcie do formatu nieprzeznaczonego dla zdjęć, plik rozdyma się bez żadnego pożytku.

Krótko o głównych formatach

• JPEG (JPG) - standard dla fotografii. Świetnie kompresuje zdjęcia z płynnymi przejściami koloru, obsługiwany absolutnie wszędzie, od starych stron po dowolne drukarki. Główny minus: nie umie przezroczystości, tło zawsze będzie zalane kolorem.
• PNG - idealny dla logotypów, ikon, zrzutów ekranu interfejsów i wszystkiego, gdzie potrzebna jest przezroczystość lub wyraźne linie i tekst. Dla zwykłych zdjęć jest potwornie nieefektywny: krajobraz w PNG może ważyć 5-10 razy więcej niż ten sam kadr w JPEG. PNG kompresuje bezstratnie, dlatego na fotografiach z milionami odcieni po prostu nie ma czego wyrzucić.
• WebP - nowoczesny format, który przy tej samej jakości jest zwykle o 25-35% lżejszy od JPEG, a przy tym umie przezroczystość. Obsługiwany przez wszystkie aktualne przeglądarki, świetny wybór dla stron. W istocie to najlepsze z dwóch światów: lekki jak JPEG i z przezroczystością jak PNG.
• HEIC - format, w którym domyślnie robi zdjęcia wiele iPhone'ów. Sam w sobie jest kompaktowy, ale nie wszędzie jest przyjmowany: stare strony, formularze urzędowe, niektóre platformy sprzedażowe i komunikatory mogą go nie otworzyć. Często prościej przekonwertować na JPEG dla zgodności, inaczej odbiorca po prostu nie zobaczy pliku.
• BMP, TIFF, RAW - ciężkie formaty do przechowywania i obróbki oryginałów. BMP w ogóle nie kompresuje, TIFF i RAW są potrzebne do profesjonalnej obróbki i druku. Do publikacji w internecie się nie nadają, koniecznie trzeba je przekonwertować.

Porównanie wagi na jednym kadrze

Żeby liczby stały się namacalne, wyobraź sobie to samo zdjęcie o rozmiarze 1600x1200 px w różnych formatach:

• w BMP, około 5,6 MB (format bez kompresji);
• w PNG, około 3-4 MB (kompresja bezstratna, ale zdjęcie kompresuje się słabo);
• w JPEG o jakości 85%, około 400 KB;
• w WebP o tej samej jakości wizualnej, około 280-320 KB.

Różnica między PNG a WebP jest tu większa niż dziesięciokrotna, przy identycznym obrazie na ekranie. Oto dlaczego format to nie drobiazg, lecz jedna z dwóch głównych dźwigni.

Jak wybrać format pod zadanie

1. Czy to fotografia (człowiek, produkt, krajobraz, jedzenie)? Bierz JPEG lub WebP.
2. Potrzebna przezroczystość albo to logotyp, ikona, zrzut ekranu z tekstem? Bierz PNG. Jeśli ważna jest zgodność i przezroczystość jednocześnie, nada się WebP.
3. Masz ciężki PNG ze zwykłym zdjęciem? Najszybszy sposób zrzucenia wagi to zapisać go ponownie jako JPEG. Często tylko to daje minus 80% bez widocznej straty. To dosłownie zmiana formatu w jednym kliknięciu, a efekt kolosalny.
4. Robisz stronę i chcesz minimalną wagę przy dobrej jakości? WebP to optymalny wybór domyślny dla wszystkich fotografii.
5. Wysyłasz zdjęcie do formularza, na platformę sprzedażową lub do nieznanego odbiorcy i nie jesteś pewny zgodności? Bierz JPEG, przyjmą go wszędzie.

Pułapka podwójnej rekompresji

Jest jeden niuans, który niepostrzeżenie psuje jakość: nie konwertuj tam i z powrotem wiele razy. JPEG to kompresja stratna, a każde ponowne zapisanie trochę pogarsza obraz, kumulując artefakty. Jeśli wziąłeś JPEG, otworzyłeś, lekko poprawiłeś, zapisałeś, potem znów otworzyłeś i znów zapisałeś, i tak dziesięć razy, efekt będzie zauważalnie brudniejszy od oryginału, pojawią się kwadraty i mętne otoczki. Nazywa się to stratą generacyjną, obraz degraduje się z każdym cyklem.

Dlatego rób konwersję i kompresję jeden raz z oryginału o maksymalnej jakości. W miarę możliwości przechowuj oryginały w osobnym folderze, a do publikacji za każdym razem rób świeżą lekką kopię z oryginału, a nie z już skompresowanej wersji. Jeśli trzeba lekko zredagować już skompresowany JPEG, staraj się nie zapisywać go ponownie bez potrzeby, lepiej wróć do źródła.

Czy warto przechodzić na WebP właśnie teraz

Krótka odpowiedź: dla stron tak, do wysyłania ludziom z ostrożnością. WebP już od kilku lat obsługują wszystkie aktualne przeglądarki, dlatego na własnej stronie oszczędza odczuwalną wagę bez ryzyka, a nawet poprawia pozycje w wyszukiwaniu dzięki szybkości ładowania. Ale jeśli wysyłasz zdjęcie człowiekowi jako plik, wrzucasz je do cudzego formularza lub na platformę, gdzie nie jesteś pewny obsługi formatu, bezpieczniej zostać przy JPEG: otworzą go z pewnością wszędzie. Praktyczna strategia jest taka: oryginały i publikacje na własnej stronie w WebP, a wszystko, co wychodzi na zewnątrz do nieznanego odbiorcy, w JPEG. Tak uzyskujesz i lekkość, i zgodność, każdą tam, gdzie jest potrzebna.

Kiedy rozdzielczość i format są dobrane, zostaje najsubtelniejsza dźwignia, czyli stopień kompresji. Właśnie tu najczęściej tracą jakość ci, którzy nie zgłębili tematu. Dlatego ważne jest zrozumienie różnicy między dwoma zasadniczo różnymi podejściami do kompresji: ze stratami (lossy) i bez strat (lossless).

Lossless: kompresja bezstratna

Kompresja bezstratna zmniejsza plik, nie wyrzucając ani jednego piksela danych. Obraz pozostaje piksel w piksel identyczny z oryginałem, nie stracisz w ogóle niczego. Tak działa optymalizacja PNG: z pliku usuwa się nadmiarową informację techniczną, bardziej kompaktowo przepakowuje się powtarzające się dane, wyrzuca zbędne bloki. Minus w tym, że oszczędność jest skromna, zwykle od kilku do kilkunastu procent. Za to jakość gwarantowanie nie cierpi.

To właściwy wybór dla logotypów, zrzutów ekranu, schematów, rysunków technicznych, infografik i grafiki, gdzie ważna jest absolutna dokładność i każda linia powinna zostać wyraźna. Jeśli na obrazie jest drobny tekst, cienkie linie lub ostre granice koloru, lossless zachowa je idealnie, a lossy na takich granicach zostawi brudne otoczki.

Lossy: kompresja stratna

Kompresja stratna to sposób, w jaki działają JPEG i WebP. Algorytm ostrożnie odrzuca detale, których ludzkie oko prawie nie zauważa: drobne wahania w kolorze, szum, mikrokontrast w tych miejscach, gdzie i tak ich nie śledzimy. Nasz wzrok jest znacznie wrażliwszy na jasność niż na kolor, a algorytmy z tego korzystają, oszczędzając w pierwszej kolejności na informacji kolorystycznej. Właśnie lossy daje główną oszczędność wagi, i właśnie tu jest ryzyko przesadzić i dostać widoczne defekty.

Kiedy mówią o kompresji zdjęcia bez utraty jakości, w praktyce niemal zawsze mają na myśli właśnie umiarkowaną kompresję lossy. Absolutnie bez jednej straty danych fotografii mocno nie ścieśnisz, to fizycznie niemożliwe. Ale strata stracie nierówna: umiejętnie dobrana kompresja wyrzuca tylko to, czego oko nie rozróżnia, a dla ciebie wygląda to jak kompresja bez utraty jakości. Różnica jest w bajtach, ale nie ma jej na ekranie, a więc dla praktyki nie ma jej wcale.

Gdzie znajduje się złoty środek jakości JPEG

Suwak jakości JPEG zwykle idzie od 0 do 100. To najbardziej praktyczna część artykułu, omówimy po poziomach, co dokładnie widać okiem na każdym.

• 95-100%. Prawie jak oryginał, ale plik duży. Oszczędność minimalna, artefaktów brak w ogóle. Sens jest tylko wtedy, gdy zdjęcie pójdzie do dalszej obróbki lub druku i jakość jest ważniejsza od wagi.
• 85-90%. Złoty środek. Różnica z oryginałem praktycznie nierozróżnialna okiem, a waga spada istotnie, nierzadko dwu-trzykrotnie w porównaniu z maksymalną jakością. To zalecany zakres dla przeważającej większości fotografii na stronach, w kartach produktów i w mailach.
• 75-80%. Wciąż przyzwoicie dla sieci, plik bardzo lekki. Na trudnych obszarach (niebo, gradienty, jednolite tła) mogą pojawiać się lekkie artefakty, ale w ogólnym strumieniu są prawie niezauważalne. Dobry wybór, gdy ważna jest szybkość ładowania strony.
• 60-70%. Waga minimalna, ale na czystym niebie, skórze i gładkich tłach już widać kwadraty 8x8 i lekki brud na przejściach. Dopuszczalne dla drobnych podglądów i miniatur, gdzie defekty gubią się dzięki małemu rozmiarowi.
• Poniżej 60%. Pojawiają się zauważalne kwadraty i brud na przejściach koloru, otoczki wokół kontrastowych granic, tekst staje się mętny. Nadaje się tylko wtedy, gdy waga jest krytyczniejsza od jakości, a zdjęcie pokazywane jest całkiem małe.

Jak znaleźć swoje optimum w praktyce

Ustaw 85% i obejrzyj wynik w pełnym rozmiarze, szczególnie na tych obszarach, gdzie artefakty są najbardziej widoczne: czyste niebo, skóra człowieka, gładkie jednolite tła, płynne gradienty, ciemne obszary. Jeśli wszystko czysto, spróbuj zejść do 80%, potem do 75% i znów sprawdź te same strefy. Tak, schodząc po trochu, znajdujesz minimalną wagę, przy której oko jeszcze nie zaczepia się o defekty.

Ważna wskazówka co do typu ujęcia. Dla zdjęć z mnóstwem drobnych detali (trawa, listowie, tekstury, żwir, tłum) można kompresować mocniej, bo defekty chowają się za wizualnym szumem. A portrety w zbliżeniu, logotypy na gładkim tle, kadry z dużymi jednolitymi obszarami, nocne zdjęcia z ciemnymi strefami i gradientowe niebo wymagają ostrożniejszej jakości, na nich artefakty wychodzą pierwsze. Jeśli masz wątpliwości, kieruj się najgładszym obszarem kadru, właśnie on pokaże, czy przesadziłeś, czy nie.

Jak wyglądają artefakty JPEG, żeby je rozpoznawać

Żeby świadomie wybierać jakość, warto znać wroga z twarzy. Prześwietlony kompresją JPEG zdradza się kilkoma charakterystycznymi defektami:

• Blokowość (kwadraty 8x8). JPEG dzieli obraz na kwadraty po 8 pikseli i przetwarza każdy osobno. Przy silnej kompresji granice tych kwadratów stają się widoczne, zwłaszcza na gładkim niebie lub jednolitym tle, obraz jakby wyłożony płytkami.
• Otoczki i dzwonienie wokół kontrastowych granic. Obok ostrego przejścia, na przykład ciemny tekst na jasnym tle lub gałąź na tle nieba, pojawia się mętna obwódka lub drobna zmarszczka. Dlatego JPEG słabo nadaje się do zrzutów ekranu z tekstem.
• Plamy kolorowe i brud na gradientach. Płynne przejścia koloru (zachód słońca, skóra) rozpadają się na pasy i plamy, bo algorytm oszczędza właśnie na informacji kolorystycznej.

Jeśli na podglądzie w pełnym rozmiarze widzisz choć coś z tego, podnieś jakość o 5-10 punktów. Jeśli nie widzisz nawet na gładkich strefach, można śmiało schodzić niżej i oszczędzać jeszcze.

Szczególny przypadek: zrzuty ekranu i grafika z tekstem

Osobno podkreślmy, bo na tym często się mylą. Zrzut ekranu interfejsu, schemat, infografika lub obraz z dużą ilością tekstu to nie fotografia, i dla niej kompresja lossy jest złym wyborem. JPEG rozmaże litery i zostawi otoczki wokół linii, tekst stanie się mętny i trudny do odczytania. Dla takiej grafiki używaj PNG (lossless): zachowa każdą linię idealnie wyraźną, a przy tym na jednolitych wypełnieniach skompresuje bardzo dobrze, bo powtarzające się piksele jednego koloru pakują się efektywnie. To wyjątek od ogólnej zasady o wadze: dla zdjęcia PNG jest zły, a dla grafiki z ostrymi krawędziami jest wręcz najlepszym wyborem.

Kiedy duże dźwignie są odrobione, zostaje zrobić porządek w drobiazgach, uporać się z docelowymi wagami pod konkretne zadania i nauczyć się obrabiać nie jeden kadr, a cały katalog. Ta sekcja jest najbardziej praktyczna: tu konkretne liczby pod twoje scenariusze i ochrona przed typowymi błędami.

Docelowe wagi pod konkretne przypadki

Bardzo często zadanie formułuje się nie abstrakcyjnie, lecz twardą liczbą. Zbierzmy praktyczne punkty odniesienia, do których wygodnie dążyć.

• Zdjęcie na własną stronę lub bloga: celuj w 100-300 KB na obraz. To wystarcza dla wyraźnego obrazu przy 1500-2000 px, a strona przy tym ładuje się szybko, co ważne i dla odwiedzającego, i dla wyników wyszukiwania.
• Karta produktu na platformie sprzedażowej: najpierw zmieść się w wymaganiach platformy co do rozmiaru w pikselach i formatu, a co do wagi zwykle komfortowo trzymać się w granicach 0,5-2 MB. Zbyt ciężkie karty czasem odrzuca moderacja.
• Załącznik do e-maila: trzymaj się w granicach 1-2 MB na zdjęcie, a lepiej mniej. Wiele skrzynek pocztowych ogranicza ogólny rozmiar wiadomości do około 20-25 MB, i jeśli wysyłasz dziesiątkę kadrów, lekkie wersje ratują.
• Wysyłka do komunikatora: komunikatory same mocno kompresują zdjęcia przy przesyłaniu, często psując jakość. Jeśli ważne jest zachowanie wyglądu, wysyłaj wcześniej przygotowany lekki plik (około 300-800 KB) jako dokument, a nie jako zdjęcie, wtedy kompresja komunikatora go nie tknie.
• Awatar, ikona profilu: 50-200 KB przy rozmiarze 200-500 px w zupełności wystarcza.
• Dokument lub skan do formularza online: kieruj się limitem formularza, często to 2-5 MB. Jeśli to skan tekstu, rozdzielczości 1500-2000 px po dłuższym boku wystarcza, żeby wszystko dało się odczytać.

Dobierać jakość ręcznie pod dokładną liczbę jest męcząco niewygodnie: skompresowałeś, sprawdziłeś wagę, nie trafiłeś, przerobiłeś, i tak w kółko. Znacznie praktyczniej zadać docelową wagę i pozwolić narzędziu samemu dobrać połączenie rozdzielczości i jakości tak, żeby trafić w limit za pierwszym razem. Mówisz potrzebny rozmiar w megabajtach lub kilobajtach, a algorytm sam liczy, na ile zmniejszyć obraz i jak mocno skompresować. To oszczędza czas i całkowicie znosi grę w zgadywanie.

Metadane EXIF: waga i prywatność

EXIF to blok danych technicznych wewnątrz zdjęcia, który aparat lub telefon zapisują automatycznie. Może tam być przechowywane:

• model telefonu lub aparatu i ustawienia zdjęcia (czas naświetlania, przysłona, ISO);
• data i dokładny czas zdjęcia;
• współrzędne GPS miejsca, gdzie zrobiono zdjęcie, czasem z dokładnością do metra;
• wbudowana miniatura podglądu i obszerny profil kolorów;
• czasem nazwa właściciela urządzenia lub nazwa programu do obróbki.

Usunięcie EXIF odchudza plik, a szczególnie zauważalne jest to na paczkach z mnóstwa fotografii, gdzie kilobajty składają się w megabajty. Ale jeszcze ważniejsza jest tu prywatność. Nie chcesz przecież, żeby razem z fotografią domu, dziecka lub produktu z magazynu wyciekły dokładne współrzędne miejsca zdjęcia. Opublikowałeś niewinny kadr w ogłoszeniu, a w metadanych leży twój adres domowy w postaci GPS. Dlatego dla wszystkich publicznych zdjęć na stronie, w mediach społecznościowych lub w ogłoszeniach usuwanie metadanych to dobra i zdrowa praktyka. Wyjątek jest tylko jeden: kiedy EXIF jest potrzebny specjalnie, na przykład fotografowi, który wykłada portfolio z parametrami zdjęcia, żeby koledzy widzieli ustawienia.

Wsadowa kompresja całego katalogu

Kiedy trzeba obrobić nie jeden kadr, a od razu folder z dziesiątkami lub setkami zdjęć (album, wysyłka produktów, fotorelacja), kompresowanie ręcznie po jednym to męka. Przetwarzanie wsadowe rozwiązuje zadanie za jednym zamachem. Logika jest taka.

1. Złóż wszystkie oryginały do jednego folderu i koniecznie zachowaj ich kopię z boku. Przetwarzanie wsadowe idzie po wszystkich plikach naraz, i ważne jest mieć nietknięty oryginał na wypadek, gdyby wynik się nie spodobał.
2. Zadaj jednolite reguły dla całej paczki: maksymalny dłuższy bok (na przykład 1800 px), format (JPEG lub WebP), docelową jakość lub docelową wagę, usunięcie EXIF.
3. Uruchom przetwarzanie i poczekaj na gotową paczkę odchudzonych plików.
4. Sprawdź wyrywkowo kilka wyników, szczególnie najtrudniejsze kadry z niebem, skórą lub gładkimi tłami. Jeśli na nich wszystko czysto, to i pozostałe są w porządku.

Ważny niuans: przy przetwarzaniu wsadowym wybieraj parametry pod najbardziej wymagający kadr w paczce, a nie pod najprostszy. Wtedy nawet trudne zdjęcia przeżyją kompresję bez widocznych defektów, a proste wyjdą z zapasem jakości.

Jak nie zepsuć zdjęcia: częste błędy

• Podwójna i potrójna rekompresja. Każde ponowne zapisanie JPEG kumuluje artefakty. Zawsze kompresuj z oryginału, a nie z już skompresowanej kopii.
• Zbyt niska jakość na gładkich ujęciach. Na niebie, skórze i jednolitych tłach kwadraty wychodzą pierwsze. Dla takich kadrów nie schodź poniżej 80%.
• Skalowanie w górę zamiast w dół. Powiększanie małego zdjęcia nie dodaje detali, tylko wagę i rozmydlenie. Zmniejszaj, nie powiększaj.
• Zdjęcie w PNG. Najczęstsza przyczyna nagle ciężkiego pliku. Zwykłe zdjęcie zawsze przekształcaj do JPEG lub WebP.
• Zabawa z DPI zamiast pikseli. DPI nie wpływa na wagę i na wygląd w internecie. Zmieniaj liczbę pikseli.
• Kompresja przed wysyłką do komunikatora bez uwzględnienia jego własnej kompresji. Wysyłaj lekki plik jako dokument, żeby komunikator nie skompresował go ponownie.

Gdzie dokładnie kompresować: kwestia prywatności

Osobno warto pomyśleć, gdzie odbywa się sama kompresja. Wgrywanie osobistych dokumentów, zdjęć dzieci i komercyjnych kadrów do przypadkowych usług chmurowych jest ryzykowne: nie wiesz, gdzie osiądą kopie, kto ma do nich dostęp i czy w ogóle się usuną. Wiele darmowych usług żyje właśnie z tego, że zbierają wgrane pliki.

Dlatego najbezpieczniej jest, gdy kompresja odbywa się bezpośrednio w przeglądarce, na twoim własnym urządzeniu, a plik przy tym nigdzie nie jest wysyłany przez sieć. Nasze narzędzie compress-photo na gdefoto.com działa właśnie tak: cała obróbka idzie lokalnie, zdjęcie nie odchodzi do chmury i nie opuszcza twojego komputera. Przeciągasz obraz, zadajesz docelową wagę lub jakość, w razie potrzeby włączasz usuwanie EXIF i pobierasz gotowy lekki plik. Można obrobić też paczkę zdjęć od razu.

Częste pytania

Czy można skompresować zdjęcie w ogóle bez utraty jakości?

Całkowicie bez jednej straty danych, tylko dzięki optymalizacji bezstratnej, na przykład PNG, i oszczędność będzie skromna, od kilku do kilkunastu procent. Silne zmniejszenie wagi fotografii zawsze idzie przez umiarkowaną kompresję lossy. Ale przy jakości 85-90% i prawidłowej rozdzielczości oko nie odróżni wyniku od oryginału, dlatego w praktyce to właśnie jest kompresja bez widocznej utraty jakości.

Jaką jakość JPEG ustawiać, żeby było niezauważalne?

Uniwersalny punkt odniesienia to 85%. Dla większości fotografii różnica z oryginałem jest nierozróżnialna, a waga spada dwu-trzykrotnie. Dla gładkich ujęć (niebo, portret, jednolite tło) trzymaj się 85-90%, dla szczegółowych (trawa, tekstury) można zejść do 75-80%.

Dlaczego mój PNG jest taki ciężki?

PNG kompresuje bezstratnie i nie jest przeznaczony do fotografii z milionami odcieni, po prostu nie ma czego wyrzucić. Jeśli w PNG leży zwykłe zdjęcie, przekształć je do JPEG lub WebP, a waga spadnie o 70-90% bez widocznej utraty jakości.

Czy DPI wpływa na wagę zdjęcia na stronę?

Nie. DPI jest ważne tylko dla druku i określa gęstość punktów na papierze. Na ekranie i na wagę pliku wpływa tylko liczba pikseli. Cyfra 72 DPI lub 300 DPI przy tym samym rozmiarze w pikselach daje tę samą wagę.

Jak zmieścić zdjęcie w dokładnym limicie, na przykład w 2 MB?

Najwygodniej zadać docelową wagę i pozwolić narzędziu samemu dobrać rozdzielczość i jakość pod potrzebną liczbę. Ręcznie robi się to metodą prób: zmniejszasz rozdzielczość, ustawiasz jakość około 80%, sprawdzasz wagę i w razie potrzeby obniżasz jeszcze.

Czy bezpiecznie jest kompresować dowód osobisty lub osobiste dokumenty online?

Tylko jeśli obróbka idzie lokalnie w przeglądarce i plik nie jest wgrywany na cudzy serwer. Usługi chmurowe mogą przechowywać kopie wgranego. Nasze narzędzie obrabia zdjęcie bezpośrednio na twoim urządzeniu, niczego nie wysyłając do sieci.

Co lepsze dla strony, JPEG czy WebP?

WebP przy tej samej jakości jest zwykle o 25-35% lżejszy od JPEG i obsługiwany przez wszystkie nowoczesne przeglądarki, dlatego dla strony jest lepszym wyborem. JPEG wybieraj tam, gdzie ważna jest maksymalna zgodność, na przykład przy wysyłce do nieznanego odbiorcy lub do starych formularzy.

Zbierzmy wszystko w krótką listę, do której wygodnie wracać za każdym razem, gdy trzeba odchudzić zdjęcie:

• Rozdzielczość. Najpierw ją zmniejsz, to daje największą oszczędność. Dla sieci 1500-2000 px po dłuższym boku wystarcza niemal zawsze, dla awatara 200-500 px, dla platformy sprzedażowej według wymagań platformy.
• Format. Zdjęcie do JPEG lub WebP. Grafika z przezroczystością, logotypy, zrzuty ekranu do PNG. Ciężki PNG ze zwykłym zdjęciem koniecznie zapisz ponownie jako JPEG, to często minus 80% wagi.
• Jakość. Ustawiaj 85%, różnica niezauważalna, a waga spada kilkukrotnie. Dla gładkich ujęć trzymaj się 85-90%, dla szczegółowych można 75-80%. Sprawdzaj niebo, skórę i gładkie tła.
• Metadane. Usuwaj EXIF z publicznych zdjęć: lżejszy plik i bezpieczniej, nie wyciekną współrzędne GPS.
• Docelowa waga. Jeśli jest twardy limit (2 MB, 200 KB i tak dalej), zadaj potrzebną liczbę i niech narzędzie dobierze parametry samo.
• Katalog. Dla folderu zdjęć używaj przetwarzania wsadowego z jednolitymi regułami, kierując się najtrudniejszym kadrem.
• Bez powtórek. Kompresuj jeden raz z oryginału, nie zapisuj JPEG wiele razy z rzędu, inaczej nagromadzą się artefakty.

Idąc tą kolejnością (rozdzielczość, format, jakość, metadane, docelowa waga), niemal zawsze zmniejszysz wagę zdjęcia kilkukrotnie, zachowując jakość, której oko nie odróżni od źródła.

Zgłębienie teorii jest przydatne, ale w praktyce chce się po prostu przeciągnąć zdjęcie i dostać lekki plik w parę sekund. Do tego zrobiliśmy darmowe narzędzie online compress-photo na gdefoto.com. Samo starannie dobierze rozdzielczość, format i stopień kompresji, usunie zbędne metadane i w razie chęci zmieści plik w zadanej docelowej wadze. Można obrobić zarówno jeden kadr, jak i od razu paczkę na katalog.

Ważne: wszystko odbywa się lokalnie, bezpośrednio w twojej przeglądarce. Fotografie nie są wgrywane na serwer i nie odchodzą do chmury, a więc osobiste zdjęcia, dokumenty i komercyjne kadry pozostają tylko u ciebie. Otwórz narzędzie, przeciągnij obraz, w razie chęci zadaj docelową wagę i pobierz odchudzoną wersję, której oko nie odróżni od oryginału.