Kompresja zdjęć online z podglądem na żywo

Wgraj JPG, PNG, WebP lub AVIF, przesuń suwak jakości dla natychmiastowego podglądu i pobierz plik zakodowany przez sharp i libvips.

lub upuść zdjęcie tutaj

O tym narzędziu

Skompresuj JPG, PNG, WebP lub AVIF bezpośrednio w przeglądarce, z suwakiem jakości na żywo i porównaniem formatów. Przeciągnij zdjęcie na stronę, a podgląd zaktualizuje się natychmiast dzięki natywnemu enkoderowi canvas w przeglądarce. Każdy ruch suwaka działa lokalnie, bez ruchu sieciowego. Gdy klikniesz Pobierz, oryginalny plik trafia po HTTPS do naszego serwisu kompresji, czyli workera Cloudflare opartego na sharp i libvips, tym samym stosie enkoderów, z którego korzystają Vercel i Shopify. Wynik serwerowy jest zazwyczaj o 10 do 15 procent mniejszy niż podgląd przeglądarkowy przy tej samej wartości suwaka, ponieważ libvips stosuje optymalizacje MozJPEG niedostępne w przeglądarce. Pliki są przechowywane w izolowanej pamięci podręcznej najemcy przez krótki czas, a potem usuwane. Narzędzie przyjmuje pliki do 25 MB na ścieżce serwerowej. Sprawdza się u fotografów, programistów i zespołów produktowych, którzy potrzebują mniejszych plików bez zmiany oprogramowania ani otwierania edytora.

Kompresuj obraz
Co robi to narzędzie

Co robi to narzędzie

Ta strona uruchamia dwutorowy kompresor obrazów. Suwak nad podglądem to lokalny enkoder na żywo, który wywołuje natywne canvas.toBlob z wybraną wartością jakości. Każdy ruch suwaka odświeża widok podzielony i licznik bajtów, bez ruchu sieciowego. Gdy klikniesz Pobierz, oryginalny plik trafia do naszego serwisu kompresji w celu finalnego zakodowania przez sharp i libvips, czyli ten sam stos enkoderów, z którego korzystają Vercel i Shopify. Wynik zachowuje dokładnie wymiary źródła. Narzędzie obsługuje JPG, PNG, WebP oraz AVIF na wejściu i wyjściu w dowolnej kombinacji.

Kompresuj obraz
Jak skompresować zdjęcie krok po kroku

Jak skompresować zdjęcie krok po kroku

Przeciągnij plik JPG, PNG, WebP lub AVIF w obszar wgrywania albo wklej go ze schowka skrótem Ctrl+V. Wybierz format wyjściowy z trzech kart (WebP jest domyślny dla zdjęć). Przesuń suwak jakości i obserwuj licznik bajtów aktualizujący się w czasie rzeczywistym, zatrzymując się, gdy rozmiar trafia w cel, a podgląd nadal wygląda dobrze. Kliknij Pobierz, aby otrzymać wynik zakodowany na serwerze. Jeśli serwis kompresji jest niedostępny, zapisywany jest podgląd zakodowany w przeglądarce, dzięki czemu zawsze otrzymujesz działający plik.

Kompresuj obraz
Jak wybrać odpowiedni poziom jakości

Jak wybrać odpowiedni poziom jakości

Suwak jakości przyjmuje wartości od 1 do 100, a 78 jest stratną wartością domyślną. Jakość 80 odpowiada temu, co Adobe Photoshop nazywa High przy eksporcie JPEG i jest bezpiecznym wyborem dla portfolio oraz materiałów dla klientów. Jakość 60 to typowy poziom dla sieci i redukuje zdjęcie 4 MP do około 200 do 400 KB bez wyraźnej straty przy normalnej odległości oglądania. Poniżej 50 na gradientach i odcieniach skóry pojawiają się artefakty blokowe. Poniżej 30 wynik wygląda jak miniatura. Licznik bajtów nad suwakiem pokazuje dokładny rozmiar wyjścia podczas przesuwania, więc znika element zgadywania.

Kompresuj obraz
Który format jest najmniejszy: JPG, WebP czy AVIF

Który format jest najmniejszy: JPG, WebP czy AVIF

Narzędzie pokazuje liczby bajtów JPG, WebP i AVIF obok siebie na tym samym źródle, więc porównanie odbywa się na Twoim pliku, a nie na ogólnym benchmarku. W praktyce WebP jest zazwyczaj o 25 do 35 procent mniejszy od JPG przy podobnej jakości wizualnej, a AVIF jest zazwyczaj o 40 do 60 procent mniejszy od JPG. AVIF koduje się dłużej, około 3 do 8 sekund dla zdjęcia 8 MP na ścieżce serwerowej, ponieważ libaom jest obliczeniowo wymagający. Wsparcie przeglądarek dla wszystkich trzech formatów jest mocne w Chrome, Firefoksie, Safari i Edge w roku 2026. PNG jest właściwym wyborem, gdy obraz ma ograniczoną liczbę kolorów, na przykład zrzuty ekranu i logotypy, gdzie kwantyzacja palety bije kodeki stratne.

Kompresuj obraz
Jak obsługujemy Twój plik

Jak obsługujemy Twój plik

Podgląd suwaka działa bez sieci. Każde przesunięcie to nowe wywołanie canvas.toBlob w przeglądarce, co możesz zweryfikować w DevTools, filtrując zakładkę Network po słowie compress i sprawdzając, że żadne żądania nie pojawiają się podczas ruchu suwaka. Kliknięcie Pobierz to jedyny krok, który wysyła dane. Twój plik trafia po HTTPS metodą POST do naszego workera Cloudflare pod /api/compress, który przekazuje go do backendu opartego na sharp i libvips. Zakodowany wynik wraca w treści odpowiedzi i jest zapisywany w folderze pobierania. Pośrednia kopia jest przechowywana w izolowanej pamięci podręcznej najemcy przez krótki czas, a następnie usuwana. Jeśli serwis jest niedostępny lub plik przekracza 25 MB, w tle uruchamia się enkoder przeglądarkowy jako rezerwa.

Kompresuj obraz
Czego to narzędzie nie robi

Czego to narzędzie nie robi

Bez zmiany rozmiaru, wymiary wyjścia są równe wymiarom wejścia, więc jeśli potrzebujesz też zmniejszyć liczbę pikseli, użyj najpierw narzędzia Zmień rozmiar. Bez wsadu, jedno zdjęcie naraz, z założenia. Bez zachowania EXIF, metadane są usuwane przez libvips i sharp na poziomie enkodera, co jest korzystne dla prywatności, ale oznacza, że osadzone dane GPS i kamery znikają. Znacznik orientacji wizualnej jest odczytywany i stosowany przed usunięciem, więc wynik pozostaje prawidłowo zorientowany. Bez animacji GIF, przetwarzana jest tylko pierwsza klatka. Bez trybu docelowego rozmiaru, ale dwie lub trzy regulacje suwaka z licznikiem bajtów na żywo trafiają w dowolny cel z dokładnością do 10 procent.

Jak przyciąć zdjęcie do koła

  1. Wgraj lub wklej zdjęcie

    Przeciągnij plik JPG, PNG, WebP lub AVIF w obszar wgrywania albo kliknij, aby wybrać plik. Możesz też wkleić ze schowka skrótem Ctrl+V lub Cmd+V.

  2. Wybierz format wyjściowy

    Kliknij JPG, WebP lub AVIF, aby ustawić format wyjścia. WebP jest domyślny i zazwyczaj daje najmniejszy plik dla zdjęć przeznaczonych do sieci.

  3. Przesuń suwak jakości

    Obserwuj licznik bajtów podczas przesuwania suwaka. Zatrzymaj się, gdy rozmiar pliku jest wystarczająco mały, a podgląd nadal wygląda dobrze.

  4. Kliknij Pobierz

    Oryginalny plik trafia do naszego serwera w celu zakodowania przez sharp + libvips. Finalny plik jest zazwyczaj o 10-15% mniejszy niż podgląd w przeglądarce.

Najczęściej zadawane pytania

Jak skompresować zdjęcie?

Przeciągnij plik na stronę, a następnie przesuń suwak jakości, aż rozmiar pliku w liczniku trafi w Twój cel. Kliknij Pobierz, aby otrzymać wynik zakodowany na serwerze (przez sharp + libvips). Cały proces trwa poniżej minuty. Przycisk pobierania wywołuje POST do naszego serwisu kompresji, a jeśli serwis jest niedostępny, zapisywany jest podgląd zakodowany w przeglądarce.

Dlaczego kompresować zdjęcia JPEG?

Typowe nieoptymalizowane zdjęcie z telefonu waży 4-6 MB. Przy jakości 78 to samo zdjęcie ponownie zakodowane przez MozJPEG zazwyczaj waży od 800 KB do 1,5 MB, czyli wystarczająco mało dla załączników e-mail, udostępniania na WhatsAppie i obrazów hero na stronie, bez zauważalnej straty wizualnej. Skompresowane zdjęcia ładują się też szybciej, co poprawia wyniki Core Web Vitals.

Jak skompresować zdjęcie bez utraty jakości?

Dla prawdziwie bezstratnej kompresji wybierz PNG jako format wyjściowy. Ścieżka PNG korzysta z pngquant do optymalizacji palety, co potrafi zmniejszyć nieoptymalizowane pliki PNG o 30-50% bez różnicy percepcyjnej. Dla formatów stratnych (JPG, WebP, AVIF) jakość 80 to praktyczny próg, na którym większość widzów nie dostrzega różnicy, choć wynik zależy od treści obrazu.

Czy mogę skompresować zdjęcie do konkretnego rozmiaru, na przykład 100 KB?

Narzędzie nie ma trybu docelowego rozmiaru, ale trafienie w cel jest proste z licznikiem bajtów na żywo. Przesuwaj suwak w dół, aż licznik pokaże Twój cel, a potem kliknij Pobierz. Dwie lub trzy regulacje suwaka zazwyczaj wystarczą, by mieścić się w 10% dowolnego celu. Jeśli przesadzisz, przesuń suwak nieco w górę.

Który format jest najmniejszy: JPG, WebP czy AVIF?

Zależy od treści obrazu. Narzędzie pokazuje wszystkie trzy jednocześnie wraz z licznikami bajtów, więc możesz porównać na swoim pliku. W praktyce: WebP jest zazwyczaj o 25-35% mniejszy od JPG przy tej samej jakości wizualnej. AVIF jest zazwyczaj o 40-60% mniejszy od JPG, choć kodowanie zajmuje kilka sekund dłużej.

Czy kompresja zmniejsza wymiary zdjęcia?

Nie. Wymiary wyjścia są identyczne z wymiarami wejścia. Kompresja zmienia tylko kodowanie bajtów, a nie liczbę pikseli. Jeśli musisz też zmniejszyć rozdzielczość (na przykład z 4000 px szerokości do 1200 px), użyj najpierw narzędzia Zmień rozmiar, a potem skompresuj zmieniony plik. Taka kolejność daje najmniejszy finalny rozmiar pliku.

Szczegóły

Notatki zespołu o rzemiośle, formatach i drobnych decyzjach stojących za dobrym okrągłym przycięciem.

Architektura dwutorowa wyjaśniona
Podgląd suwaka i kodowanie przy pobraniu to dwie odrębne ścieżki kodu. Podgląd korzysta z natywnego API canvas.toBlob w przeglądarce, które działa synchronicznie w wątku kompozytora GPU. Każdy ruch suwaka wywołuje nowy canvas.toBlob z nową wartością jakości, a wynik trafia do widoku podzielonego. Cała operacja jest w pełni lokalna, możesz to sprawdzić otwierając DevTools, zakładkę Network, filtrując po słowie compress i obserwując zerowy ruch podczas pracy suwaka. Przycisk Pobierz uruchamia zupełnie inną ścieżkę. Oryginalny (niezmodyfikowany) plik trafia metodą POST do naszego workera Cloudflare pod /api/compress, który przekazuje go do serwera Fastify opartego na Node 24 i pakiecie sharp (licencja Apache 2.0) z libvips 8.x (LGPL-3.0). Zakodowany wynik wraca w treści odpowiedzi i zostaje zapisany w folderze pobierania przeglądarki. Dwie ścieżki, jedno narzędzie.
Dlaczego kodowanie serwerowe bije przeglądarkowe
Enkoder JPEG w przeglądarce używa libjpeg lub własnej implementacji, której brakuje tuningu tablic podpróbkowania chromy z MozJPEG. MozJPEG, kodek wywoływany przez libvips dla JPEG, powstał w Mozilli w 2014 roku jako zamiennik libjpeg-turbo, ukierunkowany na mniejsze pliki przy tej samej jakości percepcyjnej. W benchmarkach na 50 różnorodnych zdjęciach (dzikiej przyrody, portretach, fotografiach produktowych, zrzutach ekranu) kodowanie libvips i MozJPEG przy jakości 78 dało pliki o 10 do 20 procent mniejsze niż canvas.toBlob w Chrome przy tej samej wartości jakości. Dla PNG różnica jest większa: przeglądarka używa zlib z domyślną kompresją, a pngquant redukuje paletę kolorów do niezbędnego minimum, zazwyczaj zmniejszając nieoptymalizowane pliki PNG o 30 do 70 procent.
AVIF: czym jest i kiedy go używać
AVIF opiera się na predykcji wewnątrzklatkowej kodeka wideo AV1, opracowanego przez Alliance for Open Media. Osiąga lepszą efektywność kompresji niż JPEG, ponieważ przewiduje wartości pikseli w większych regionach i zwięźlej reprezentuje resztę. W praktyce pliki AVIF przy jakości 60 są często wizualnie nieodróżnialne od plików JPEG przy jakości 80, a jednocześnie o 40 do 60 procent mniejsze. Kompromisem jest czas kodowania: na naszym serwerze zdjęcie 8 MP przy jakości 60 zajmuje 3 do 8 sekund z libaom-av1. Wsparcie przeglądarek jest mocne w 2026 roku (Chrome, Firefox, Safari, Edge dekodują AVIF). Narzędzie pokazuje licznik bajtów AVIF w czasie rzeczywistym obok JPG i WebP, byś mógł zdecydować, czy oszczędność rozmiaru uzasadnia krótkie oczekiwanie na kodowanie w Twoim przepływie pracy.
Ustawienia jakości w praktyce
Suwak mapuje się bezpośrednio na parametr q enkodera dla formatów stratnych. Przy jakości 80 ustawienie odpowiada temu, co Adobe Photoshop nazywa High przy eksporcie JPEG, i jest domyślnym wyborem większości profesjonalnych przepływów pracy. Przy jakości 60 przeciętne zdjęcie 4 MP kompresuje się do około 200 do 400 KB, czyli wystarczająco mało dla większości zastosowań w e-mailach i sieci, a strata detalu jest widoczna tylko w obszarach drobnych tekstur przy zbliżeniu 1:1. Poniżej jakości 50 na gładkich gradientach i odcieniach skóry zaczynają pojawiać się blokowe artefakty kompresji, zauważalne nawet z normalnej odległości oglądania na ekranie retina. Poniżej jakości 30 wynik jest rozpoznawalny, ale wyraźnie skompresowany, odpowiedni tylko do podglądów miniatur. Licznik bajtów nad suwakiem pokazuje dokładny rozmiar wyjścia w KB podczas przesuwania, a nie szacunek.
Usuwanie metadanych i dlaczego to ważne
Obie ścieżki domyślnie usuwają z wyjścia EXIF, GPS i metadane kamery. To prawidłowe zachowanie libvips i sharp w konfiguracji domyślnej i ma dwa praktyczne skutki. Po pierwsze, usuwa potencjalnie wrażliwe dane lokalizacji osadzone przez aparaty smartfonów, co jest korzyścią prywatności dla zdjęć udostępnianych publicznie. Po drugie, nieco zmniejsza rozmiar pliku (typowy blok EXIF ma od 10 do 40 KB). Znacznik orientacji wizualnej jest obsługiwany osobno: narzędzie odczytuje pole orientacji EXIF przed usunięciem i wstępnie obraca obraz, aby wynik był prawidłowo zorientowany. Jeśli potrzebujesz zachować metadane do celów kryminalistycznych, archiwizacyjnych lub drukarskich, użyj dedykowanego edytora metadanych przed kompresją.
Obsługiwane formaty: co wchodzi i co wychodzi
Wejście przyjmuje JPG, PNG, WebP i AVIF w każdej nowoczesnej przeglądarce, weryfikowane przez sniff magicznych bajtów, a nie wyłącznie po rozszerzeniu pliku. GIF jest akceptowany w Chrome i Firefoksie, ale przetwarzana jest tylko pierwsza klatka (animacja nie jest zachowywana), więc animowanych GIF-ów nie należy kompresować tym narzędziem. HEIC z iPhone'a działa w Safari, które ma natywny dekoder HEIC, ale Chrome i Firefox nie dekodują HEIC natywnie. Wyjście może być JPG, PNG, WebP lub AVIF niezależnie od formatu wejścia, więc tego narzędzia możesz też używać jako jednoetapowej ścieżki konwersji i kompresji. Ścieżka serwerowa przyjmuje pliki do 25 MB. Pliki powyżej tego limitu są przetwarzane przez przeglądarkowy enkoder rezerwowy.