PNG, JPEG czy WebP: jakiego formatu obrazu użyć?

Większość decyzji o formacie obrazu sprowadza się do dwóch pytań. Czy obraz potrzebuje przezroczystych obszarów? I czy niewielka utrata jakości będzie widoczna? Odpowiedz na te dwa, a format niemal wybierze się sam. Trzecie pytanie, czyli dokąd trafia plik, decyduje o tym, czy nowsze formaty w ogóle wchodzą w grę, bo marketplace'y i wiele aplikacji nadal przyjmuje tylko JPEG i PNG.

Ten poradnik porównuje cztery formaty, które najczęściej spotkasz przy zdjęciach i grafikach w sieci: JPEG, PNG, WebP i AVIF. Na końcu znajdziesz szybki wybór dla typowych zadań: logo, zdjęć produktów, zwykłych zdjęć i wycięć z przezroczystym tłem.

Tabela porównawcza

Szczegóły formatów pochodzą z przewodnika MDN po typach plików graficznych. Wiersz o obsłudze ma dziś dla przeglądarek mniejsze znaczenie niż kiedyś: każda aktualna popularna przeglądarka wyświetla WebP, a AVIF jest obsługiwany w ich najnowszych wersjach. Liczy się za to wszędzie indziej, na przykład w formularzach przesyłania, na marketplace'ach, w programach pocztowych i w starszym oprogramowaniu desktopowym.

Kompresja stratna i bezstratna po ludzku

Kompresja bezstratna zmniejsza plik bez zmiany choćby jednego piksela. Po zdekodowaniu PNG dostajesz dokładnie to, co zostało zapisane. Dlatego idealnie nadaje się do wszystkiego, co ma ostre krawędzie i płaskie kolory, takiego jak tekst, logo, grafika liniowa, interfejsy i zrzuty ekranu, gdzie każde rozmycie czy kolorowa obwódka od razu rzuca się w oczy.

Kompresja stratna odrzuca szczegóły, których oko raczej nie zauważy. Zdjęcia dobrze to znoszą, bo są pełne szumu i płynnych przejść tonalnych. Tak działa JPEG i przy rozsądnych ustawieniach jakości zdjęcie może skurczyć się do ułamka rozmiaru PNG bez widocznej zmiany.

Wynikają z tego dwie praktyczne zasady:

• Każdy stratny zapis traci trochę więcej. Trzymaj bezstratny oryginał (plik z aparatu, PNG albo własny plik edytora) i z niego eksportuj stratne kopie, zamiast edytować i ponownie zapisywać ten sam JPEG.
• Kompresja stratna najgorzej radzi sobie z ostrymi krawędziami. Logo zapisane jako JPEG dostaje rozmazany "szum komarowy" wokół liter, a zrzut ekranu rozmyty tekst.

Przezroczystość: cecha, która decyduje przy wycięciach

JPEG nie ma kanału alfa. Nie da się w nim zapisać informacji "ten piksel jest przezroczysty", więc gdy usuniesz tło i zapiszesz plik jako JPEG, pusty obszar zostanie wypełniony jednolitym kolorem, zwykle białym lub czarnym. Jeśli wycięcie ma leżeć na innej treści, potrzebujesz PNG, WebP albo AVIF.

PNG przechowuje pełny kanał alfa: każdy piksel może być od całkowicie nieprzezroczystego do całkowicie przezroczystego, i właśnie dzięki temu miękkie krawędzie, takie jak włosy, sierść i cienie, wyglądają naturalnie. Ma też prostszy tryb, w którym jeden kolor z palety jest oznaczony jako przezroczysty. Wystarcza on przy płaskich grafikach, ale na zdjęciach daje poszarpane krawędzie. Jeśli chcesz poznać szczegóły, przeczytaj, czym jest kanał alfa.

WebP obsługuje przezroczystość zarówno w trybie bezstratnym, jak i stratnym. Według dokumentacji WebP od Google bezstratny WebP dodaje przezroczystość kosztem około 22% więcej bajtów, a stratny WebP z przezroczystością jest zwykle około 3 razy mniejszy niż równoważny PNG. To sprawia, że stratny WebP jest najwydajniejszym sposobem na pokazanie zdjęcia produktu z przezroczystym tłem na własnej stronie.

Rozmiar pliku

Dla tego samego obrazu przybliżona kolejność od największego do najmniejszego to PNG, JPEG, WebP, AVIF, z jednym ważnym zastrzeżeniem: PNG jest "duży" tylko przy zdjęciach. Przy płaskich grafikach z niewielką liczbą kolorów PNG bywa mniejszy niż JPEG i zawsze jest ostrzejszy.

Opublikowane przez Google dane dla WebP są dobrym punktem odniesienia:

• Bezstratne pliki WebP są o 26% mniejsze niż PNG.
• Stratne pliki WebP są o 25 do 34% mniejsze niż porównywalne pliki JPEG przy tym samym wyniku jakości SSIM.

MDN radzi, by w przypadku obrazów rastrowych w sieci wybierać WebP lub AVIF, które zwykle kompresują lepiej niż PNG, JPEG i GIF. AVIF obsługuje też kolor 10- i 12-bitowy, co pomaga przy płynnych gradientach. Jego słabym punktem jest obsługa poza przeglądarkami: wiele aplikacji i formularzy przesyłania nadal go odrzuca.

Rozmiar pliku liczy się najbardziej wtedy, gdy wyświetlasz wiele obrazów wielu odwiedzającym. Przy pojedynczym przesłaniu na marketplace, który i tak wszystko kompresuje ponownie, ważniejszy od zaoszczędzonych bajtów jest format, który ten marketplace przyjmuje.

Gdzie który format jest akceptowany

Przeglądarki to łatwa część. To marketplace'y i aplikacje odrzucają formaty. Oto akceptowane formaty według dokumentacji każdej z platform, sprawdzone w październiku 2026:

Wyróżniają się dwie rzeczy. Po pierwsze, Amazon, Walmart i katalogi Meta nie przyjmują WebP ani AVIF, więc do marketplace'ów używaj JPEG lub PNG. Po drugie, Etsy podaje, że przezroczyste PNG nie są obsługiwane, a przezroczyste obszary mogą wyświetlać się na czarno, więc przed przesłaniem tam spłaszcz wycięcia na jakimś kolorze. Dokładne wymiary w pikselach dla każdej platformy znajdziesz w zestawieniu rozmiarów zdjęć produktów.

Jakiego formatu użyć do typowych zadań

Logo

Użyj SVG, jeśli masz oryginał wektorowy; MDN zaleca go do logo i ikon. Gdy potrzebujesz pliku rastrowego, użyj PNG z przezroczystym tłem albo bezstratnego WebP na własnej stronie. Nigdy JPEG: dodaje rozmycie wokół krawędzi i nie może być przezroczysty.

Zdjęcia produktów

Na zdjęcia główne na marketplace'ach używaj JPEG na czysto białym tle. Blog Amazon dla sprzedawców nazywa JPEG preferowanym formatem, a każdy marketplace z powyższej tabeli go przyjmuje. Eksportuj z wysokim ustawieniem jakości (około 85 do 92 w większości narzędzi) z bezstratnego oryginału.

We własnym sklepie prześlij JPEG lub PNG wysokiej jakości i pozwól platformie dokonać konwersji. Shopify na przykład podaje, że jego usługa obrazów automatycznie dostarcza każdemu odwiedzającemu najlepszy format, jaki obsługuje jego przeglądarka.

Zwykłe zdjęcia

JPEG to bezpieczny wybór do udostępniania i przesyłania. Na stronie, nad którą masz kontrolę, WebP lub AVIF z JPEG jako wersją zapasową daje ten sam wygląd przy mniejszej liczbie bajtów. Jeśli telefon zapisuje pliki HEIC, przekonwertuj je na JPEG przed przesłaniem wszędzie tam, gdzie HEIC nie jest wymieniony.

Wycięcia i obrazy z przezroczystym tłem

Użyj PNG, gdy plik musi działać wszędzie: w prezentacjach, dokumentach, narzędziach graficznych i w większości formularzy przesyłania. Użyj WebP, gdy umieszczasz obraz na własnej stronie i chcesz, żeby był mały. JPEG wybierz tylko wtedy, gdy celowo wypełniasz tło jednolitym kolorem, na przykład bielą na marketplace.

Zrzuty ekranu i diagramy

PNG lub bezstratny WebP. Formaty stratne rozmywają tekst.

Nowoczesne formaty z wersją zapasową

Jeśli prowadzisz własną stronę, nie musisz wybierać jednego formatu. Element HTML picture pozwala przeglądarce wybrać pierwszy format, który rozumie:

<picture>
  <source srcset="product.avif" type="image/avif">
  <source srcset="product.webp" type="image/webp">
  <img src="product.png" alt="Leather wallet, front view" width="1200" height="1200">
</picture>

Przeglądarki obsługujące AVIF biorą pierwsze źródło, inne przechodzą na WebP, a starsze używają PNG. Wiele platform hostingowych i CDN-ów do obrazów robi tę konwersję za ciebie na podstawie nagłówka Accept przeglądarki, co często jest prostsze niż samodzielne generowanie każdego formatu.

Konwersja między formatami bez niespodzianek

• PNG lub WebP do JPEG: przezroczyste obszary zostają spłaszczone. Kolor wypełnienia wybierz sam (zwykle biały), zamiast zostawiać to narzędziu, bo niektóre domyślnie używają czarnego.
• JPEG do PNG: plik robi się większy, ale nie lepszy. Jakość utracona w JPEG nie wraca.
• Dowolny format do WebP lub AVIF: sprawdź, czy przezroczystość przetrwała i czy kolory wyglądają dobrze; jeśli obraz będzie oglądany w sieci, najpierw przekonwertuj go do profilu kolorów sRGB.
• Ponowny zapis JPEG: każdy zapis z niższą jakością pogłębia straty. Eksportuj raz, z oryginału.

Szybsza opcja dla wycięć

Jeśli usuwasz tło z wielu zdjęć naraz, removebackground.dev eksportuje wycięcie jako PNG lub WebP z przezroczystym tłem albo jako JPG na dowolnym jednolitym kolorze, więc z jednego przesłania zrobisz JPEG na białym tle na marketplace i PNG z przezroczystym tłem na swoją stronę.