Przez ostatnie tygodnie rozłożyliśmy na części dziesięć formatów obrazu — od najnowszych po te, które pamiętają czasy modemów. Każdy dostał osobny wpis, ale warto mieć jedno miejsce, które spina to w całość i odpowiada na pytanie, z którym większość ludzi tu trafia: jaki format wybrać do konkretnego zadania. Ten tekst jest takim drogowskazem — najpierw krótka ściąga decyzyjna, potem esencja każdego formatu z linkiem do pełnego wpisu.
Zacznijmy od jednej myśli, która przewija się przez całą serię i którą warto zabrać nawet jeśli nie doczytasz reszty: nie ma jednego najlepszego formatu obrazu. Jest tylko format właściwy do konkretnego zadania. Cała sztuka nowoczesnego webu polega nie na wyborze zwycięzcy, lecz na świadomym dobieraniu narzędzia do roli — i na zrozumieniu, dlaczego o adopcji formatu częściej decyduje ekosystem i licencje niż sama jakość.
Ściąga: który format do czego
- Zdjęcia na stronie → AVIF, z WebP i JPEG jako kolejnymi ogniwami fallbacku (
AVIF → WebP → JPEG). - Logo, ikony, wykresy, ilustracje → SVG (wektor, skaluje się bez utraty ostrości).
- Grafika bezstratna z przezroczystością, zrzuty ekranu, ostry tekst → PNG.
- Krótka animacja / pętla → animowany WebP, wideo (MP4/WebM) albo APNG — nie GIF.
- Oryginał do druku, skanu i archiwum → TIFF (nigdy na stronę wprost).
- Zdjęcia z iPhone'a (.heic) → skonwertuj przed publikacją (do JPEG/WebP/AVIF).
- Uniwersalny fallback, który otworzy się wszędzie → JPEG.
- Format do obserwowania na przyszłość → JPEG XL.
Nowoczesne formaty webowe
WebP — kompromis, który uporządkował web obrazów: jeden format na zdjęcia i grafikę, stratnie i bezstratnie, z przezroczystością i animacją, lżejszy od starej trójki JPG/PNG/GIF. Dziś rozsądny „środek" łańcucha dostarczania. → Przeczytaj wpis o WebP
AVIF — poszedł dalej niż WebP: jeszcze mniejsze pliki przy tej samej jakości, HDR, szeroka paleta, wolny od opłat kodek AV1. W 2026 domyślny wybór numer jeden na zdjęcia w sieci. → Przeczytaj wpis o AVIF
JPEG XL — na papierze technicznie najmocniejszy z całej stawki (lepsza kompresja, progresywne dekodowanie, bezstratne przepakowanie starych JPEG-ów), ale przeszedł przez trzy lata wygnania z Chrome i wciąż nie jest domyślnie włączony poza Safari. Format do obserwowania i do archiwum, nie do dostarczania wszystkim. → Przeczytaj wpis o JPEG XL
Filary codziennej pracy
PNG — bezstratny weteran przezroczystości i grafiki, który po 22 latach dostał w 2025 nową specyfikację (HDR, oficjalne APNG, EXIF). Niezastąpiony do logotypów, zrzutów ekranu i wszystkiego, co musi być ostre i wierne — fatalny do zdjęć. → Przeczytaj wpis o PNG
SVG — format, który nie zapisuje pikseli, tylko instrukcje, jak narysować obraz; skaluje się w nieskończoność bez utraty ostrości. Niedościgniony do logo, ikon i wykresów, bezużyteczny do zdjęć — a że to XML, wymaga uwagi przy plikach z zewnątrz (XSS oraz ukryte instrukcje dla agentów AI). → Przeczytaj wpis o SVG
JPG — fundament całego wizualnego internetu i wzorzec, do którego porównuje się każdy nowszy format. Stratny z założenia, doskonały do finalnego zdjęcia i jako uniwersalny fallback, zły do grafiki z ostrym tekstem. → Przeczytaj wpis o JPG
Formaty specjalnego przeznaczenia
GIF — technicznie przestarzały (256 kolorów, prymitywna przezroczystość), a mimo to nieśmiertelny kulturowo. Do nowych animacji przegrywa dziś ze wszystkim; zostaw go do uniwersalnej zgodności i gotowych, małych pętli. → Przeczytaj wpis o GIF
TIFF — profesjonalny oryginał: druk, skanowanie, archiwum. Bezstratny, elastyczny, ciężki i nie do wyświetlenia w przeglądarce. Trzymaj jako master, z którego eksportujesz lekkie wersje webowe. → Przeczytaj wpis o TIFF
HEIC — domyślny format zdjęć z iPhone'a, kuzyn AVIF z tej samej rodziny HEIF, ale oparty na opatentowanym kodeku HEVC — i dlatego niemal nieobsługiwany przez przeglądarki. Świetny do przechowywania, na web zawsze wymaga konwersji. → Przeczytaj wpis o HEIC
BMP — goła mapa bitowa: obraz zapisany dosłownie, piksel po pikselu, prawie bez kompresji. Na współczesnym webie bezużyteczny, ale bezcenny jako lekcja — pokazuje, czym naprawdę jest obraz i co robi z nim kompresja. → Przeczytaj wpis o BMP
Jak to wszystko złożyć w praktyce
Jeśli miałbyś zapamiętać jeden schemat, niech to będzie łańcuch dostarczania zdjęć: podaj AVIF tym, którzy go obsłużą, WebP jako zapas, a JPEG jako sieć bezpieczeństwa, która otworzy się zawsze. Do tego SVG na wszystko, co wektorowe, i PNG na grafikę bezstratną z przezroczystością. Resztę — GIF, TIFF, HEIC, BMP — traktuj jako formaty do konkretnych sytuacji, a nie do codziennego dostarczania na stronie.
Właśnie tak dobieramy formaty w Studio iFOX — każdy obraz dostaje format i poziom kompresji odpowiedni do swojej roli, podpięty pod wydajność i Core Web Vitals — a samą konwersję i optymalizację ułatwia ImgOpti v2.
