CodeKitHubDlaczego warto go używać?
- W 100% lokalnie: zdjęcia nigdy nie opuszczają Twojego urządzenia — to bezpieczne rozwiązanie dla prywatnych zdjęć i niepublikowanych projektów.
- Bez ograniczeń: bez limitu rozmiaru pliku, bez dziennego limitu, bez znaku wodnego, bez konta.
- Tryb wsadowy — można wrzucić wiele zdjęć naraz, a każde z nich zostanie pobrane osobno.
- Suwak jakości + zmiana rozmiaru z uwzględnieniem maksymalnej szerokości + zapis w formacie JPG/WebP — trzy ustawienia, które naprawdę mają znaczenie.
- Pokazuje dokładną oszczędność na każdym zdjęciu, dzięki czemu można ocenić, czy warto.
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ł.
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.
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.