{"id":14892,"date":"2026-10-28T18:25:00","date_gmt":"2026-10-28T17:25:00","guid":{"rendered":"https:\/\/www.lukaswojcik.com\/blog\/?p=14892"},"modified":"2026-10-26T13:11:17","modified_gmt":"2026-10-26T12:11:17","slug":"rozmiary-webp-rzetelne-porownanie-jasnych-i-ciemnych-diagramow","status":"publish","type":"post","link":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/rozmiary-webp-rzetelne-porownanie-jasnych-i-ciemnych-diagramow\/","title":{"rendered":"Rozmiary WebP: rzetelne por\u00f3wnanie jasnych i ciemnych diagram\u00f3w"},"content":{"rendered":"

Jasny diagram mo\u017ce da\u0107 wi\u0119kszy plik ni\u017c ciemna wersja. Sama obserwacja nie wyja\u015bnia przyczyny. Znaczenie maj\u0105 tre\u015b\u0107 obrazu, wersja kodera, tryb stratny lub bezstratny, jako\u015b\u0107, metadane i przetwarzanie wst\u0119pne. Przydatne por\u00f3wnanie oddziela rozmiar pliku od wyja\u015bnienia tego rozmiaru.<\/p>\n

Co mo\u017ce wykaza\u0107 historyczne por\u00f3wnanie<\/h2>\n

Pierwotny opis prac podawa\u0142 662 pary i sumy 32,5 oraz 56,2 MB. Wynika z tego oko\u0142o 73 procent wi\u0119cej bajt\u00f3w dla jasnego zestawu. Przy poprawnie zapisanych pomiarach r\u00f3\u017cnica rozmiaru by\u0142a rzeczywista; nieuzasadnione by\u0142o przypisanie ca\u0142ej r\u00f3\u017cnicy jasno\u015bci.<\/p>\n

Podczas tej kontroli nie uda\u0142o si\u0119 odtworzy\u0107 pe\u0142nej dawnej tabeli pomiar\u00f3w, doboru pr\u00f3by i ustawie\u0144 kodera. Dawne wsp\u00f3\u0142czynniki nie s\u0105 wi\u0119c przedstawiane jako ponownie potwierdzony test. Szeroki rozrzut nie obala wp\u0142ywu jasno\u015bci. \u015arednia powy\u017cej mediany r\u00f3wnie\u017c nie dowodzi, \u017ce r\u00f3\u017cnic\u0119 spowodowa\u0142o zaledwie kilka warto\u015bci odstaj\u0105cych.<\/p>\n

\"Nowe
Nowy pomiar z 25 pa\u017adziernika 2026 r.: dwana\u015bcie celowo wybranych par, jednakowe ustawienia w obr\u0119bie ka\u017cdego trybu. Wynik dotyczy tej pr\u00f3by, a nie uniwersalnej regu\u0142y jasno\u015bci.<\/figcaption><\/figure>\n

Nowy pomiar z zapisanymi ustawieniami<\/h2>\n

Kontrola obj\u0119\u0142a dwana\u015bcie istniej\u0105cych angielskich temat\u00f3w diagram\u00f3w w wersji ciemnej i jasnej: 24 pliki RGB PNG, ka\u017cdy o wymiarach 2240 \u00d7 1160 pikseli. Dob\u00f3r by\u0142 celowy, a nie losowy. Prywatne kopie zakodowano przy u\u017cyciu Pillow 11.1.0 i libwebp 1.5.0, bez zmiany wymiar\u00f3w i kopiowania metadanych.<\/p>\n

Ka\u017cdy plik zakodowano dwukrotnie: stratnie z jako\u015bci\u0105 90 i metod\u0105 6 oraz bezstratnie z jako\u015bci\u0105 90 i metod\u0105 6. W trybie bezstratnym parametr jako\u015bci okre\u015bla wysi\u0142ek kompresji, a nie dopuszczaln\u0105 utrat\u0119 obrazu. Oba tryby tworz\u0105 zatem osobne por\u00f3wnania.<\/p>\n\n\n\n\n\n\n
Tryb<\/th>\nMediana jasny\/ciemny<\/th>\nZakres<\/th>\n<\/tr>\n<\/thead>\n
Bezstratny<\/td>\n1,000<\/td>\n0,965\u20131,027<\/td>\n<\/tr>\n
Stratny, jako\u015b\u0107 90<\/td>\n0,974<\/td>\n0,952\u20131,010<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

W tej pr\u00f3bie obie wersje kolorystyczne mia\u0142y zbli\u017cone rozmiary. Kodowanie bezstratne da\u0142o mniejszy wynik ni\u017c stratne przy jako\u015bci 90 we wszystkich 24 plikach. Dla ka\u017cdego pliku podzielono rozmiar wersji stratnej przez rozmiar bezstratnej. \u015arodek uporz\u0105dkowanych wynik\u00f3w, czyli mediana, wyni\u00f3s\u0142 1,577: taki stosunek odpowiada oko\u0142o 58 procentom wi\u0119cej bajt\u00f3w przy kodowaniu stratnym. Po dekodowaniu wszystkie piksele wynik\u00f3w bezstratnych odpowiada\u0142y dok\u0142adnie \u017ar\u00f3d\u0142om. To uzasadnia sprawdzanie trybu bezstratnego dla tych diagram\u00f3w, ale nie dowodzi przewagi dla ka\u017cdej grafiki ani r\u00f3wnego rozmiaru wszystkich jasnych i ciemnych obraz\u00f3w.<\/p>\n

Paleta i RGB nie wyja\u015bniaj\u0105 ca\u0142ego procesu<\/h2>\n

Paleta PNG opisuje spos\u00f3b zapisania kolor\u00f3w \u017ar\u00f3d\u0142owych. Nie narzuca okre\u015blonego trybu WebP. Proces mo\u017ce przed kodowaniem przekszta\u0142ci\u0107 \u017ar\u00f3d\u0142a paletowe i RGB do tych samych pikseli. Typ koloru w PNG IHDR jest przydatn\u0105 informacj\u0105 o \u017ar\u00f3dle; dalszy przebieg potwierdzaj\u0105 dzienniki kodowania.<\/p>\n

Stratny WebP przewiduje bloki pikseli na podstawie s\u0105siednich pikseli. R\u00f3\u017cnice mi\u0119dzy przewidywaniem a \u017ar\u00f3d\u0142em s\u0105 przekszta\u0142cane, a otrzymane warto\u015bci zaokr\u0105glane, aby oszcz\u0119dzi\u0107 miejsce. To zaokr\u0105glanie usuwa cz\u0119\u015b\u0107 informacji. Jednobarwne obszary r\u00f3wnie\u017c mog\u0105 kompresowa\u0107 si\u0119 wydajnie. Bezstratny WebP stosuje inne transformacje i techniki kodowania, w tym zwi\u0105zane z paletami. Stwierdzenie \u201ejako\u015b\u0107 90 marnuje bity w ka\u017cdym jednobarwnym obszarze\u201d nie jest wi\u0119c wiarygodnym wyja\u015bnieniem.<\/p>\n

Mniejszy wynik tak\u017ce wymaga kontroli jako\u015bci<\/h2>\n

Czterokrotnie wi\u0119kszy wynik ponownego kodowania jest powodem do sprawdzenia procesu. Nie wskazuje jednoznacznie zmienionej jako\u015bci. R\u00f3\u017cni\u0107 mog\u0105 si\u0119 r\u00f3wnie\u017c wersja kodeka, metadane, przeliczenie pikseli i tryb kompresji. Podobne rozmiary nie dowodz\u0105 natomiast identycznych ustawie\u0144.<\/p>\n

W rzetelnym te\u015bcie oryginalny PNG stanowi wej\u015bcie obu tryb\u00f3w. Ponowne stratne kodowanie pliku WebP, kt\u00f3ry ju\u017c utraci\u0142 cz\u0119\u015b\u0107 informacji, mo\u017ce usun\u0105\u0107 kolejne szczeg\u00f3\u0142y obrazu. Por\u00f3wnanie powinno zapisywa\u0107 skr\u00f3ty \u017ar\u00f3de\u0142, wymiary, przezroczysto\u015b\u0107, wersje, jawne opcje, bajty wyniku i jako\u015b\u0107 zdekodowanego obrazu. Cienkie litery oraz kolorowe kraw\u0119dzie wymagaj\u0105 kontroli wzrokowej.<\/p>\n

\n

Pytania i odpowiedzi<\/h2>\n

Czy 27 wi\u0119kszych plik\u00f3w na 40 odpowiada wynikowi rzutu monet\u0105?<\/h3>\n

Nie: 27\/40 to 67,5 procent. Sama liczba nie dowodzi r\u00f3wnych rozmiar\u00f3w ani nie mierzy wielko\u015bci r\u00f3\u017cnicy. Powi\u0105zane szablony diagram\u00f3w podwa\u017caj\u0105 te\u017c za\u0142o\u017cenie niezale\u017cnych obserwacji. Ilorazy i spos\u00f3b doboru pr\u00f3by s\u0105 bardziej przydatne ni\u017c taka analogia.<\/p>\n

Jak rozpozna\u0107 tryb WebP?<\/h3>\n

Dane obrazu u\u017cywaj\u0105 VP8 <\/code> dla kodowania stratnego lub VP8L<\/code> dla bezstratnego. VP8X<\/code> opisuje rozszerzony kontener; przed obrazem mog\u0105 wyst\u0105pi\u0107 bloki metadanych, alfa lub animacji. Pe\u0142na kontrola za pomoc\u0105 webpinfo<\/code> jest pewniejsza ni\u017c odczyt pierwszego bloku.<\/p>\n

Czy da si\u0119 odzyska\u0107 pierwotne ustawienie jako\u015bci?<\/h3>\n

WebP nie ma standardowego pola zapisuj\u0105cego pierwotn\u0105 opcj\u0119 jako\u015bci kodera. Ponowne kodowanie ze znanymi ustawieniami pozwala por\u00f3wnywa\u0107 wyniki, ale nie odtwarza jednoznacznie wszystkich wcze\u015bniejszych wybor\u00f3w. Mocniejszym dowodem s\u0105 dzienniki kodowania.<\/p>\n

Czy wynik dotyczy r\u00f3wnie\u017c fotografii?<\/h3>\n

Z tej pr\u00f3by diagram\u00f3w nie wynika og\u00f3lna regu\u0142a. Kodowanie stratne cz\u0119sto mocno zmniejsza obrazy o z\u0142o\u017conej fakturze przy akceptowalnej jako\u015bci wizualnej. Wyb\u00f3r zale\u017cy od konkretnego obrazu i wymaganej jako\u015bci, nie tylko od kategorii.<\/p>\n<\/div>\n

\n

\u0179r\u00f3d\u0142a<\/h2>\n