Kompresja zdjęć, formaty plików i EXIF: JPG, PNG, WebP, HEIF

Kompresja zdjęć: stratna i bezstratna

Kompresja zdjęć to zmniejszanie wagi pliku przez zapisanie tego samego obrazu mniejszą liczbą bajtów. Kompresja bezstratna odtwarza każdy piksel dokładnie, a stratna usuwa część informacji, których oko zwykle nie zauważa, w zamian za dużo mniejszy plik.

Każde zdjęcie produktu w sklepie internetowym jest skompresowane. Pytanie brzmi tylko, jak mocno i jaką metodą, bo od tego zależy, czy faktura tkaniny i krawędzie opakowania przetrwają, a strona nadal ładuje się szybko.

Najlepiej widać to na JPG. Format dzieli obraz na bloki 8 × 8 pikseli, przekształca je dyskretną transformatą kosinusową i zaokrągla składowe najmniej widoczne dla oka, a suwak „jakość” w programie decyduje, jak mocno. Według opisu formatu JPEG kompresja 10:1 daje zwykle obraz, którego gołym okiem nie odróżnisz od oryginału.

Po czym poznać za mocną kompresję

• Kratka - widoczne bloki 8 × 8 px na gładkim tle i jednolitych powierzchniach.
• Obwódki i szum wokół ostrych, kontrastowych krawędzi, najbardziej przy tekście na etykiecie.
• Paski w przejściach tonalnych - na przykład w miękkim cieniu pod produktem.
• Rozmyta faktura - tkanina, skóra czy szczotkowany metal tracą detal, który sprzedaje produkt.

Najczęstszy błąd to wielokrotne zapisywanie tego samego JPG. Każda ponowna kompresja zabiera trochę jakości, dlatego poprawki rób na pliku źródłowym albo bezstratnym, a JPG zapisuj raz, na końcu.

Drugi błąd to kompresja zamiast zmiany wymiaru: zdjęcie 6000 px wyświetlane w polu 800 px będzie za ciężkie przy każdym ustawieniu jakości. Kolejność jest zawsze ta sama: najpierw wymiar, potem kompresja. Możesz zmienić rozmiar zdjęcia online w naszym darmowym narzędziu, a ile pikseli potrzebuje karta produktu, opisujemy w poradniku o tym, jaki jest optymalny rozmiar zdjęcia do sklepu.

Czym skompresować zdjęcie

• Squoosh - darmowa aplikacja w przeglądarce; przetwarza pliki lokalnie na Twoim urządzeniu i pozwala obejrzeć różnice przed zapisem.
• Eksport w programie graficznym (Photoshop, Lightroom, GIMP) - suwak jakości i podgląd wagi pliku przed zapisem.
• Automatyczna konwersja w sklepie lub CDN obrazów - przydaje się przy setkach zdjęć, ale sprawdź wynik na kilku plikach w powiększeniu 100%.

Z praktyki studia: standardowo oddajemy zdjęcia jako JPG 2000 × 2000 px, 72 DPI, RGB, gotowe do wgrania do sklepu. Do druku katalogu służy dodatek „Rozdzielczość 6K” (6000 px, 300 DPI, 9 zł netto za zdjęcie), bo detalu, którego nie ma w pliku, nie doda później żadna konwersja.

Zobacz też: Zmiana rozmiaru zdjęcia online

➜

Formaty zdjęć: JPG, WebP, AVIF, PNG, HEIF i RAW

Format pliku graficznego określa rodzaj kompresji, głębię koloru, obsługę przezroczystości i metadanych. Do zdjęć produktów na stronie używa się dziś JPG, WebP i AVIF, a do grafik i produktów wyciętych z tła PNG.

JPG (standard z 1992 roku, jako norma ISO/IEC 10918-1 od 1994 roku) wciąż jest najpowszechniejszym formatem zdjęć i otworzy go każdy program. Nie ma jednak kanału alfa, więc nie zapisze przezroczystego tła.

Według Google stratny WebP jest o 25-34% mniejszy od porównywalnego JPG, a bezstratny o 26% mniejszy od PNG. AVIF kompresuje jeszcze lepiej, ale według MDN nie wyświetla się progresywnie: przeglądarka pokazuje obraz dopiero po pobraniu całego pliku.

RAW to nie gotowe zdjęcie, tylko surowe dane z matrycy w formacie producenta (Canon CR3, Nikon NEF, Sony ARW, Fujifilm RAF) albo w otwartym DNG, który Adobe opublikował w 2004 roku. Zapisuje 12 lub 14 bitów na kanał, więc po sesji można bez strat poprawić balans bieli, ale do publikacji plik zawsze trzeba wywołać i wyeksportować do JPG, WebP lub PNG. Szczegóły opisujemy w poradniku co to jest plik RAW.

Format PNG

PNG (Portable Network Graphics) to rastrowy format z bezstratną kompresją i pełnym kanałem alfa, czyli płynną, wielostopniową przezroczystością. Powstał jako wolna od patentów alternatywa dla GIF-a, a jego specyfikację W3C zatwierdziło 1 października 1996 roku.

Kompresja PNG składa się z dwóch kroków: filtra wiersza (jednego z pięciu: None, Sub, Up, Average, Paeth) i algorytmu Deflate. Plik po otwarciu jest identyczny z zapisanym, ale zdjęcie z gradientami i fakturą waży w PNG dużo więcej niż dobrze wyeksportowany JPG. W czerwcu 2025 roku W3C wydało trzecią edycję specyfikacji, która oficjalnie obejmuje animację (APNG), HDR i metadane EXIF.

Kiedy PNG ma sens przy zdjęciach produktów

• Produkt wycięty z tła, który grafik nałoży na baner albo stronę w innym kolorze.
• Logo, ikony i grafiki z tekstem, jeśli nie masz wersji wektorowej.
• Zrzuty ekranu i pliki pośrednie do dalszej edycji.

Typowy błąd to PNG ze zwykłym białym tłem: ten sam obraz co w JPG, a plik wielokrotnie cięższy i bez żadnej korzyści. Jeśli wycinasz produkty sam, porównaj narzędzia do usuwania tła ze zdjęcia i zawsze sprawdzaj krawędzie w powiększeniu.

Z praktyki studia: packshot z dodatkiem „Usuń tło” (9 zł netto za zdjęcie, zobacz cennik fotografii produktowej) oddajemy jako PNG z przezroczystym tłem, bo JPG nie ma kanału alfa. Do karty produktu na białym tle wystarcza standardowy JPG.

HEIF i HEIC

HEIF (High Efficiency Image File Format) to kontener na obrazy opracowany przez grupę MPEG i opisany w normie ISO/IEC 23008-12, ukończonej w 2015 roku. Plik HEIF z obrazem zakodowanym kodekiem HEVC (H.265) to HEIC, w którym iPhone zapisuje zdjęcia od iOS 11.

Kontener mieści więcej niż jeden obraz: serię zdjęć, kanał przezroczystości albo mapę głębi. Zdjęcie HEIC zajmuje mniej więcej połowę miejsca porównywalnego jakościowo JPG (szacunek przytaczany w opisie formatu HEIF), dlatego telefon mieści więcej zdjęć.

HEIC czy JPG

Dla sprzedawcy wniosek jest prosty: HEIC to dobry format do przechowywania zdjęć w telefonie, ale nie do wgrania na stronę sklepu. Chrome, Edge i Firefox go nie wyświetlą, a Google nie wymienia go wśród formatów obsługiwanych w Grafice Google.

Jak zamienić HEIC na JPG

• iPhone, nowe zdjęcia: Ustawienia > Aparat > Formaty > „Najbardziej zgodne”. Aparat zapisuje wtedy JPG.
• iPhone, przenoszenie kablem: przy imporcie na komputer zdjęcia mogą zostać same przekonwertowane do JPG; opcja „Zachowaj oryginały” w ustawieniach aplikacji Zdjęcia wyłącza konwersję.
• Mac: otwórz plik w Podglądzie, wybierz Plik > Eksportuj i format JPEG.

Zobacz też: Optymalny rozmiar zdjęcia do sklepu internetowego

➜

EXIF, czyli metadane zdjęcia

EXIF (Exchangeable Image File Format) to standard metadanych, które aparat lub telefon zapisuje w pliku zdjęcia: datę, model aparatu i obiektywu, czas naświetlania, przysłonę, ISO, orientację, a często także współrzędne GPS. Pierwsza wersja powstała w 1995 roku, a dziś standard rozwija japońska organizacja CIPA (najnowsza wersja Exif 3.1 ze stycznia 2026).

Dane EXIF zapisuje się w JPG i TIFF, a także w WebP (osobny blok w kontenerze pliku) i w PNG (blok eXIf, opisany w specyfikacji W3C z 2025 roku). Spotykana w starszych poradnikach opinia, że PNG i WebP „nie mają EXIF”, jest więc nieaktualna.

Jak odczytać dane EXIF

• Windows: prawy przycisk myszy na pliku > Właściwości > zakładka Szczegóły.
• macOS: w Finderze Plik > Pokaż informacje, sekcja „Więcej informacji” (jak na zrzucie wyżej).
• Telefon: otwórz zdjęcie w galerii i przesuń je w górę albo dotknij ikony informacji.
• Pełny zestaw pól, także dane zapisane przez producenta aparatu: darmowy ExifTool albo panel metadanych w Lightroomie i Capture One.

EXIF przy zdjęciach produktów

Dla fotografa EXIF to dziennik sesji: z parametrów udanego ujęcia łatwo odtworzyć ustawienia przy kolejnej partii produktów. Dla sklepu liczy się głównie pole Orientation. Jeśli program przy eksporcie je usunie, a pikseli nie obróci, zdjęcie z telefonu może wyświetlić się na boku.

Zanim wgrasz zdjęcie z telefonu do ogłoszenia, sprawdź GPS: współrzędne pokazują, gdzie zrobiono zdjęcie, na przykład w domu. Część serwisów usuwa metadane przy wgrywaniu, ale nie wszystkie, więc pewniej wyczyścić je samemu (w ExifTool polecenie exiftool -all= plik.jpg).

Autora i licencję zdjęcia Google odczytuje z metadanych IPTC osadzonych w pliku albo z danych strukturalnych na stronie, o czym więcej w sekcji Image SEO. Jak chronić własne zdjęcia przed kopiowaniem, opisujemy w poradniku o tym, jak działają prawa autorskie do zdjęć.

Zobacz też: Packshoty od 39 zł netto

➜

Optymalizacja zdjęć do sklepu internetowego

Optymalizacja zdjęć to przygotowanie obrazu do publikacji tak, by ważył jak najmniej przy jakości wystarczającej dla odbiorcy. Obejmuje wymiar w pikselach, format, poziom kompresji i sposób osadzenia na stronie, a sama kompresja jest tylko jednym z tych kroków.

Google w dokumentacji Grafiki Google zwraca uwagę, że obrazy często stanowią największą część wagi strony. Na karcie produktu zdjęcie główne bywa największym elementem widocznym po wejściu, a wtedy od niego zależy wskaźnik LCP (Largest Contentful Paint). Według web.dev dobry wynik to LCP do 2,5 sekundy dla 75% wizyt.

Optymalizacja krok po kroku

1. Wymiar. Przeskaluj zdjęcie do największego rozmiaru, w jakim faktycznie się wyświetla, z zapasem na ekrany o dużej gęstości pikseli. Na ekranie liczą się piksele, a nie wartość DPI zapisana w pliku.
2. Format. WebP lub AVIF na stronę, JPG jako wersja zapasowa, PNG tylko przy przezroczystym tle.
3. Jakość. Zmniejszaj suwak jakości, aż zobaczysz pierwsze artefakty na krawędziach i gładkim tle, potem cofnij się o krok. Oceniaj w powiększeniu 100%.
4. Wersje responsywne. Atrybuty srcset i sizes albo element <picture>, zawsze z zapasowym adresem w src, jak zaleca Google.
5. Ładowanie. loading="lazy" dla zdjęć niżej na stronie, nigdy dla zdjęcia głównego widocznego od razu. Atrybuty width i height rezerwują miejsce na obraz, więc układ strony nie skacze.
6. Kontrola. PageSpeed Insights i Lighthouse wskazują zbyt ciężkie pliki, zdjęcia większe niż ich miejsce na ekranie i formaty do zamiany na WebP lub AVIF.

Typowe błędy to wgrywanie plików prosto z aparatu, lazy loading na zdjęciu głównym i ponowne kompresowanie tego samego JPG po każdej poprawce. Jeśli potrzebujesz szybkiego sposobu na pojedyncze pliki, zajrzyj do poradnika jak szybko zmniejszyć zdjęcie.

Image SEO, czyli zdjęcia pod Google

Image SEO to optymalizacja zdjęć pod wyszukiwarki: opisowe nazwy plików, tekst alternatywny, umieszczenie obrazu przy pasującym tekście, obsługiwany format i szybkie ładowanie. Dzięki temu Google rozumie, co przedstawia zdjęcie, i może pokazać je w Grafice Google.

Co zaleca Google

• Tekst alternatywny (alt) to według Google najważniejszy atrybut opisujący obraz. Ma mówić, co widać, bez upychania słów kluczowych.
• Nazwa pliku krótka i opisowa: „czarny-kubek-ceramiczny.jpg” zamiast „IMG_2011.jpg”. Rozszerzenie powinno zgadzać się z typem pliku.
• Kontekst: zdjęcie blisko tekstu, którego dotyczy. Google bierze informacje także z podpisów i tytułu strony.
• Formaty obsługiwane w Grafice Google: BMP, GIF, JPEG, PNG, WebP, SVG i AVIF.
• Mapa witryny dla obrazów pomaga Google znaleźć zdjęcia, których sam by nie odkrył. Liczy się w niej znacznik image:loc; tagi caption, title, geo_location i license Google usunął z dokumentacji.
• Licencja i autor: metadane IPTC w pliku albo dane strukturalne mogą dać zdjęciu w Grafice Google oznaczenie z linkiem do licencji. Google nie gwarantuje, że się pojawi.

W sklepie te zasady dotyczą każdej karty produktu. Alt opisuje produkt i jego cechę, na przykład „czarny kubek ceramiczny 350 ml na białym tle”, a nazwa pliku zawiera nazwę produktu. Zdjęcie główne powinno być w obsługiwanym formacie i ładować się bez opóźnienia.

Typowe błędy to alt powtarzający nazwę pliku, ten sam alt na wszystkich zdjęciach w galerii i ważne informacje, na przykład wymiary produktu, wpisane tylko w grafikę zamiast w tekst strony.

Najczęściej zadawane pytania

Jak sprawdzić dane EXIF zdjęcia?

Na Windows kliknij plik prawym przyciskiem i wybierz Właściwości, zakładka Szczegóły. Na Macu użyj polecenia Pokaż informacje w Finderze, a w telefonie przesuń zdjęcie w górę w galerii. Pełną listę pól pokaże darmowy ExifTool.

Jak usunąć lokalizację i dane EXIF ze zdjęcia?

Na Windows w oknie Właściwości, w zakładce Szczegóły, jest link „Usuń właściwości i informacje osobiste”. Najpewniej działa ExifTool: polecenie exiftool -all= plik.jpg usuwa wszystkie metadane. Po zmianie sprawdź plik ponownie, bo nie każdy format czyści się całkowicie.

Jak zmienić zdjęcie z HEIC na JPG?

W iPhonie wybierz Ustawienia, Aparat, Formaty i opcję „Najbardziej zgodne”, a nowe zdjęcia zapiszą się jako JPG. Istniejące pliki na Macu otwórz w Podglądzie i wyeksportuj jako JPEG. Przy imporcie kablem iPhone może też sam przekonwertować zdjęcia.

Co jest lepsze, HEIC czy JPG?

HEIC daje mniej więcej o połowę lżejsze pliki przy podobnej jakości i obsługuje przezroczystość, więc sprawdza się w telefonie. JPG otworzy każdy program i każda przeglądarka, dlatego do sklepu, na marketplace i do wysyłki klientom lepszy jest JPG albo WebP.

Czy HEIF to format Apple?

Nie. HEIF opracowała grupa MPEG, a opisuje go norma ISO/IEC 23008-12. Apple jako pierwszy duży producent wprowadził go w 2017 roku w iOS 11, w odmianie HEIC z kodekiem HEVC, którego używanie jest objęte patentami.

Czy PNG ma lepszą jakość niż JPG?

PNG zapisuje obraz bezstratnie, więc nie ma artefaktów kompresji, ale zdjęcie w PNG waży dużo więcej. Do zdjęć produktów na stronę wystarczy dobrze wyeksportowany JPG, WebP albo AVIF. PNG wybieraj przy przezroczystym tle, logo i grafikach z tekstem.

Jak zmniejszyć rozmiar zdjęcia bez utraty jakości?

Najpierw zmniejsz wymiar w pikselach do tego, w jakim zdjęcie się wyświetla, potem zapisz je w WebP lub AVIF z umiarkowaną kompresją i porównaj w powiększeniu 100%. Całkiem bez strat działa tylko kompresja bezstratna, ale przy zdjęciach daje mniejsze oszczędności.

Czy nazwa pliku zdjęcia ma znaczenie dla SEO?

Tak. Google zaleca krótkie, opisowe nazwy plików, na przykład czarny-kubek-ceramiczny.jpg zamiast IMG_2011.jpg. Nazwa to jedna z kilku wskazówek obok tekstu alternatywnego, podpisu i tekstu wokół zdjęcia, więc najlepiej działa razem z nimi.

Źródła

• Google Search Central: Sprawdzone metody dotyczące obrazów w wyszukiwarce Google
• Google Search Central: Metadane licencji obrazów (IPTC i dane strukturalne)
• Google Search Central: Mapy witryn z obrazami
• Google: WebP, porównanie z JPEG i PNG
• Google: specyfikacja kontenera WebP (bloki EXIF i XMP)
• web.dev: Largest Contentful Paint (LCP)
• web.dev: Leniwe ładowanie obrazów w przeglądarce
• Chrome for Developers: Improve image delivery
• MDN: Image file type and format guide
• JPEG Committee: JPEG (ISO/IEC 10918-1)
• Wikipedia: JPEG
• W3C: Portable Network Graphics (PNG) Specification, Third Edition (2025)
• Wikipedia: PNG
• Wikipedia: High Efficiency Image File Format
• Apple: Using HEIF or HEVC media on Apple devices
• Can I use: HEIF/HEIC image format
• CIPA: standardy, w tym Exif 3.1 (DC-008)
• Wikipedia: Exif
• ExifTool (Phil Harvey)
• Wikipedia: Raw image format
• Squoosh