CodeKitHubDlaczego warto go używać?
- Musisz wgrać zdjęcia mieszkania na portal ogłoszeniowy typu OLX, który akceptuje tylko pliki poniżej 500 KB — przeciągnij tu cały folder i pobierz skompresowane wersje gotowe do wgrania, bez instalowania oprogramowania.
- Strona WordPress klienta wolno się ładuje na telefonie, bo wyświetla zdjęcia po 4 MB prosto z aparatu — skompresuj je wszystkie naraz do 1920 px i jakości 75%, a wynik Core Web Vitals od razu się poprawia.
- Musisz wysłać zdjęcia poufnych dokumentów e-mailem do księgowego i nie chcesz, żeby przechodziły przez serwer zewnętrzny — wszystko dzieje się w przeglądarce, więc pozostają prywatne.
- Przygotowujesz 80 zdjęć z imprezy do wspólnego albumu, a każde waży 6 MB — tryb wsadowy skompresuje je wszystkie za jednym razem zamiast otwierać każde osobno w edytorze.
- Suwak jakości i limit szerokości to dwie dźwignie, które naprawdę mają znaczenie — reguluj je, patrząc na podgląd rozmiaru przed i po, zamiast zgadywać na oślep.
- Widzisz dokładną oszczędność procentową dla każdego zdjęcia, więc od razu wiesz, czy warto zachować skompresowany plik, czy oryginał.
Najczęściej zadawane pytania
Czy kompresja pogorszy jakość moich zdjęć?
Przy jakości na poziomie 70–85% różnice są praktycznie niewidoczne w przypadku zdjęć oglądanych na ekranie. Widoczne artefakty pojawiają się poniżej ~50%. Wyjątkiem są zrzuty ekranu zawierające dużo tekstu — w formacie JPG artefakty pojawiają się na nich wcześniej; w takich przypadkach warto wypróbować format WebP lub utrzymać jakość powyżej 85%.
Czy obowiązują jakieś ograniczenia dotyczące rozmiaru lub liczby plików?
Nie. Ponieważ kompresja odbywa się na Twoim urządzeniu, a nie na serwerze, nie ma żadnych ograniczeń — możesz skompresować zarówno obraz o rozmiarze 50 MB, jak i 100 obrazów w partii. Kompresja bardzo dużych obrazów zajmuje po prostu nieco więcej czasu.
Czy moje zdjęcia są gdzieś przesyłane?
Nie. Pliki są odczytywane i ponownie kodowane w całości przez przeglądarkę przy użyciu interfejsu API HTML5 canvas. Możesz załadować tę stronę, przejść w tryb offline i kontynuować kompresję.
Czy powinienem wybrać format wyjściowy JPG czy WebP?
Pliki WebP są zazwyczaj o 25–35% mniejsze przy tej samej jakości obrazu i działają we wszystkich nowoczesnych przeglądarkach — najlepiej nadają się do stron internetowych. Pliki JPG otwierają się wszędzie, w tym w starszym oprogramowaniu i na drukarkach — najlepiej nadają się do udostępniania i wysyłania e-mailem. W razie wątpliwości wybierz format JPG.
Dlaczego mój plik PNG stał się tak dużo mniejszy?
Format PNG jest bezstratny, co w przypadku zdjęć wiąże się z dużym obciążeniem — plik PNG ze zdjęciem jest często 5–10 razy większy niż plik JPG o identycznym wyglądzie. Konwersja zdjęć w formacie PNG do formatu JPG lub WebP zapewnia największą oszczędność ze wszystkich opcji. Format PNG należy zachować wyłącznie dla grafiki wymagającej przezroczystości lub idealnie ostrych krawędzi.
Dlaczego wynik jest czasem większy niż oryginał?
Jeśli obraz był już mocno skompresowany, ponowne kodowanie nie przyniesie korzyści, a może nawet zwiększyć liczbę bajtów. Narzędzie poinformuje Cię o takiej sytuacji — w takim przypadku po prostu zachowaj oryginał.
Jaka jest różnica między kompresją stratną (lossy) a bezstratną (lossless)?
Kompresja stratna (JPG, WebP przy niskiej jakości) trwale usuwa niezauważalne szczegóły, aby zmniejszyć rozmiar — im bardziej agresywna, tym więcej bitów zostaje odrzuconych. Kompresja bezstratna (PNG) reorganizuje dane bez utraty jakiegokolwiek piksela, ale znacznie mniej kompresuje zdjęcia. To narzędzie stosuje kompresję stratną dla JPG/WebP, a PNG koduje ponownie z zachowaniem jego bezstratnego charakteru.
Czy metadane EXIF (lokalizacja GPS, model aparatu) są zachowywane?
Nie — ponowne kodowanie za pomocą API canvas HTML5 automatycznie usuwa metadane EXIF, w tym dane geolokalizacyjne. To przydatny efekt uboczny dla prywatności przy udostępnianiu zdjęć ze smartfona, ale jeśli potrzebujesz oryginalnych metadanych (np. do profesjonalnego archiwum fotograficznego), zachowaj też nieskompresowany plik.
Czy mogę tym narzędziem przekonwertować obraz z jednego formatu na inny?
Tak — wybierając JPG lub WebP jako format wyjściowy, wejściowy plik PNG lub JPG zostaje przekodowany do tego formatu podczas kompresji. To nie jest zwykła zmiana rozszerzenia — piksele są faktycznie przetwarzane od nowa, więc narzędzie działa też jako konwerter PNG na JPG czy JPG na WebP.
Czym jest to narzędzie?
Program do kompresji obrazów zmniejsza rozmiar pliku poprzez ponowne zakodowanie obrazu przy użyciu bardziej wydajnych (stratnych) ustawień. Zdjęcie z aparatu w telefonie ma często rozmiar 3–8 MB; w przypadku strony internetowej, wiadomości na czacie lub e-maila plik o rozmiarze 200–500 KB zazwyczaj wygląda identycznie na ekranie. Mniejsze obrazy szybciej się przesyłają, szybciej się ładują oraz pozwalają zaoszczędzić miejsce na dysku i przepustowość.
To narzędzie ponownie koduje obrazy przy użyciu kodeka przeglądarki z zachowaniem wybranej przez Ciebie jakości, a opcjonalnie zmniejsza bardzo duże obrazy do rozsądnej maksymalnej szerokości — są to dwa czynniki, które mają największy wpływ na rozmiar pliku. Między stopniem kompresji a widoczną jakością zawsze istnieje kompromis; podgląd rozmiarów przed i po kompresji pozwala znaleźć optymalny punkt dla każdego obrazu.
Porównanie formatów: JPG, WebP i PNG pod kątem rozmiaru
To samo zdjęcie, ta sama jakość obrazu, trzy bardzo różne rozmiary: PNG to „ciężka waga” (bezstratny format — często 5–10 razy większy niż JPG w przypadku zdjęć), JPG to uniwersalny kompromis, a WebP zazwyczaj zajmuje o 25–35% mniej miejsca niż JPG. Zatem hierarchia kompresji zdjęć wygląda następująco: najpierw należy zrezygnować z formatu PNG, a następnie wybrać format JPG ze względu na kompatybilność lub WebP, aby uzyskać jak najmniejszy rozmiar.
Grafika zmienia sytuację: w przypadku zrzutów ekranu, logo i obrazów interfejsu użytkownika o jednolitych kolorach pliki PNG z kwantyzacją palety zazwyczaj przewyższają pliki JPG zarówno pod względem rozmiaru, jak i ostrości — kompresja fotograficzna formatu JPG powoduje rozmycie ostrych krawędzi. Poniżej znajduje się osobne narzędzie przeznaczone właśnie do tego celu.
| Typ treści | Najlepszy format | Dlaczego |
|---|---|---|
| Zdjęcia do wykorzystania w Internecie, w wiadomościach e-mail i na czacie | WebP (lub JPG ze względu na kompatybilność) | Kompresja stratna dobrze sprawdza się w przypadku szczegółów fotograficznych; pliki WebP są o 25–35% mniejsze od plików JPG przy tej samej jakości. |
| Zrzuty ekranu, logo, interfejs użytkownika w stylu „flat-color” | PNG | Bezstratna kompresja — kompresja fotograficzna w formacie JPG powoduje rozmycie ostrego tekstu i twardych krawędzi. |
| Obrazy wymagające przezroczystości | PNG lub WebP | Format JPG nie posiada kanału alfa; formaty PNG i WebP obsługują przezroczyste tła. |
| Maksymalna kompatybilność (starsze oprogramowanie, drukarki) | JPG | Obsługiwany powszechnie od lat 90.; obsługa formatu WebP pojawiła się później, choć obecnie jest niemal powszechna w przeglądarkach. |
Uwagi dotyczące wydajności
- Zmierz rozmiar przed kompresją – i to bardziej radykalną: zmniejszenie wymiarów z 4000 px do 1920 px powoduje usunięcie około 77% pikseli — żaden suwak jakości nie dorówna temu efektowi.
- Przetwarzanie wsadowe odbywa się sekwencyjnie na procesorze; przetworzenie stu zdjęć z telefonu zajmuje na laptopie kilka minut. Na serwerze nie tworzy się kolejka, więc zazwyczaj jest to szybsze niż w serwisach opartych na przesyłaniu plików — a do tego działa w trybie offline.
- Liczba z przedznakiem „−%” stanowi pętlę sprzężenia zwrotnego: jeśli wskazuje wartość jednocyfrową, oznacza to, że obraz został już zoptymalizowany, a dalsze obniżanie jakości pogorszy jego wygląd, zanim przyniesie korzyści pod względem rozmiaru.
- W przypadku publikacji internetowych należy dążyć do tego, by rozmiar obrazów w treści nie przekraczał 200 KB, a obrazów głównych o pełnej szerokości – 500 KB; takie ograniczenia pozwalają utrzymać dobre wyniki wskaźników Core Web Vitals przy połączeniach mobilnych.
Na podstawie naszych własnych testów
Przed udostępnieniem tego narzędzia przetestowaliśmy je na wygenerowanych obrazach testowych i sprawdziliśmy wynik piksel po pikselu, a nie tylko na oko. Plik PNG o wymiarach 3000×2000 i zawierający wiele kolorów zmniejszył się z 140 KB do 94 KB (−33%) przy jakości 75% i ograniczeniu do 1920 pikseli — a ponieważ obraz testowy był syntetyczny, mogliśmy zweryfikować, że żaden piksel nie odbiegał o więcej niż przewiduje tolerancja kodeka JPG. Potwierdziliśmy również, że ostrzeżenie o już zoptymalizowanym pliku uruchamia się poprawnie, zamiast po cichu generować większy plik: podaj mu mocno skompresowany plik JPG, a narzędzie poinformuje cię, że lepiej zachować oryginał, zamiast udawać, że pomogło.
Prywatność metadanych: co dzieje się z EXIF i geolokalizacją
Każde zdjęcie zrobione smartfonem niesie ze sobą niewidoczny blok metadanych EXIF: model urządzenia, dokładną datę i godzinę, a jeśli GPS był włączony — precyzyjne współrzędne miejsca wykonania zdjęcia. Wiele osób nie zdaje sobie sprawy, że te dane pozostają zapisane w pliku, gdy udostępniają go na forach, w serwisach ogłoszeniowych typu OLX czy grupach na Facebooku.
Ponowne kodowanie obrazu przez API canvas przeglądarki automatycznie odrzuca blok EXIF wraz z resztą metadanych — skompresowany plik wynikowy nie zawiera już oryginalnej lokalizacji, modelu aparatu ani znacznika czasu. To darmowy bonus dla prywatności, a nie tylko efekt uboczny kompresji — przydatny przed opublikowaniem zdjęcia sprzedawanego przedmiotu lub mieszkania bez ujawniania, gdzie się znajdujesz.
Jak używać
- Przeciągnij zdjęcia do pola (lub kliknij, aby wybrać) — obsługiwane są formaty JPG, PNG i WebP.
- Ustaw jakość: 75% to dobry kompromis; zmniejsz ją do 60%, aby uzyskać maksymalne oszczędności.
- Wybierz maksymalną szerokość — 1920 pikseli to wystarczająca wartość do wyświetlania w trybie pełnoekranowym.
- Wybierz format wyjściowy JPG (uniwersalny) lub WebP (mniejszy rozmiar, obsługiwany przez wszystkie nowoczesne przeglądarki).
- Kliknij przycisk „Pobierz” obok każdego wyniku. Dla każdego pliku wyświetlane są informacje o rozmiarze i procentowym stopniu pobrania.
Przykład
- Wejście
phone-photo.jpg — 4.20 MB, 4032×3024- Wynik
phone-photo-compressed.jpg — 0.48 MB (−89%), 1920×1440
Zmiana rozmiaru do 1920 pikseli i ponowne kodowanie z jakością 75%: wizualnie identyczny obraz na każdym ekranie, 9 razy mniejszy.