Kompresja plików PNG online — mniejsze pliki, zachowana przezroczystość

Znacznie zmniejszaj rozmiar plików PNG, zachowując przezroczystość: to narzędzie wykorzystuje kwantyzację palety — tę samą technikę, na której opiera się TinyPNG — i działa całkowicie w przeglądarce. Typowa oszczędność rozmiaru wynosi 50–70% w przypadku zrzutów ekranu, logo i grafiki interfejsu użytkownika, przy czym nie widać żadnej różnicy.

Czym jest to narzędzie?

Format PNG jest bezstratny, więc nie ma w nim opcji obniżania „jakości” — proste ponowne kodowanie prawie nic nie daje. Prawdziwa kompresja PNG działa inaczej: kwantyzacja palety redukuje obraz do starannie dobranego zestawu kolorów (do 256). Ponieważ zrzuty ekranu, logo i grafiki interfejsu i tak rzadko wykorzystują więcej odrębnych kolorów, plik staje się o 50–70% mniejszy, a jednocześnie wygląda identycznie. Przezroczystość (kanał alfa) jest w pełni zachowana.

Jest to technologia wykorzystywana w znanych serwisach, takich jak TinyPNG — różnica polega na tym, że działa ona w przeglądarce za pomocą silnika typu open source, dzięki czemu obrazy pozostają na Twoim urządzeniu i nie ma dziennego limitu plików.

Dlaczego warto go używać?

Rzeczywista kompresja (zazwyczaj 50–70%), a nie „placebo” w postaci ponownego kodowania.
Zachowana przejrzystość — bezpieczne rozwiązanie dla logo, ikon i elementów interfejsu użytkownika.
W przeciwieństwie do serwisów typu TinyPNG nie ma tu ograniczeń dotyczących przesyłania plików — a co za tym idzie, nie ma też limitów liczby plików.
Regulowany limit kolorów (16–256) z podaniem oszczędności na każdym obrazie.
Obsługa przetwarzania wsadowego, bezpłatna, bez znaku wodnego.

Jak używać

Przeciągnij pliki PNG do pola (moduł kompresji uruchomi się automatycznie, tylko raz).
Aby uzyskać wizualnie identyczne wyniki, należy zachować 256 kolorów lub zmniejszyć tę liczbę, aby uzyskać pliki o mniejszym rozmiarze.
Każdy wynik pokazuje dokładną kwotę oszczędności — kliknij „Pobierz”.
Jeśli plik PNG o jakości zbliżonej do zdjęcia nie zmniejsza się wystarczająco, przekonwertuj go na format JPG (zobacz: PNG na JPG).

Przykład

Wejście

app-screenshot.png — 980 KB

Wynik

app-screenshot-compressed.png — 290 KB (−70%), 256 colors

Zrzuty ekranu i grafika interfejsu użytkownika są pięknie skwantyzowane; paleta obejmuje wszystkie kolory, z których faktycznie korzystają.

Na podstawie naszych własnych testów

W naszym teście początkowym wykorzystaliśmy celowo skomplikowany obraz: plik PNG o wymiarach 600×400, wypełniony 200 nakładającymi się na siebie półprzezroczystymi plamami koloru — znacznie bardziej chaotyczny niż typowy zrzut ekranu. Po kwantyzacji rozmiar pliku zmniejszył się z 31,1 KB do 7,8 KB (−75%) przy 256 kolorach, przy czym kanał alfa pozostał nienaruszony. Grafika interfejsu użytkownika w rzeczywistych warunkach kompresuje się jeszcze lepiej, ponieważ wykorzystuje mniej różnych kolorów niż nasz test obciążeniowy. Potwierdziliśmy również szczerą wadę: treści fotograficzne wykazują widoczne pasmowanie przy 256 kolorach — w takich przypadkach lepiej jest skorzystać z formatów JPG lub WebP, dlatego linki do konwerterów znajdują się w sekcji powyżej.

Typowe zastosowania

Zmniejszenie zrzutów ekranu z aplikacji lub strony internetowej przed dołączeniem ich do zgłoszenia błędu lub strony dokumentacji.
Kompresja logo lub zestawu ikon przeznaczonych na stronę internetową bez utraty przezroczystego tła, z którego korzystają programiści.
Zmniejszenie rozmiaru eksportowanych makiet interfejsu użytkownika z narzędzi do projektowania przed udostępnieniem ich zespołowi.
Zmniejszenie rozmiaru plików graficznych interfejsu przeznaczonych do przewodnika stylistycznego lub repozytorium systemu projektowego.

Najczęściej zadawane pytania

W jaki sposób można jeszcze bardziej skompresować format bezstratny?

Dzięki sprytnemu zastosowaniu nieznacznej utraty jakości: kwantyzacja wybiera około 256 kolorów, które najlepiej oddają obraz, i przypisuje do nich każdy piksel. W przypadku grafiki o ograniczonej gamie kolorów wynik jest wizualnie identyczny — technicznie rzecz biorąc, występuje utrata jakości, ale w praktyce nie da się tego odróżnić.

Czy przejrzystość przetrwa kompresję?

Tak — kanał alfa zostaje zachowany, łącznie z półprzezroczystymi pikselami (cienie, krawędzie z wygładzeniem). To właśnie jest potrzebne w przypadku logo i elementów interfejsu użytkownika.

Kiedy kompresja PNG nie działa zbyt dobrze?

Jeśli chodzi o zdjęcia i płynne przejścia tonalne — zawierają one tysiące kolorów, więc przy 256 kolorach mogą pojawić się pasma. W przypadku treści fotograficznych konwersja do formatu JPG lub WebP pozwala uzyskać znacznie większą oszczędność miejsca; właśnie do tego służy nasz konwerter PNG na JPG.

Czym różni się to od serwisu TinyPNG?

Ta sama technika (kwantyzacja palety), podobne oszczędności. Różnice w praktyce: Twoje pliki nigdy nie są tutaj przesyłane, nie ma limitu 20 plików w partii, nie ma ograniczenia do 5 MB i nie ma płatnego planu — ponieważ nie ma serwera, który wykonywałby tę pracę.

Jaki zestaw kolorów powinienem wybrać?

Zacznij od wartości 256 — dla niemal wszystkich elementów graficznych efekt będzie identyczny wizualnie. Zmniejsz wartość do 64 lub 32 w przypadku ikon i prostych elementów interfejsu użytkownika, aby zmieścić więcej; obserwuj miniaturę podglądu pod kątem pojawiania się pasm.

Kompresja obrazów PNG online