A képformátum azt határozza meg, hogyan tárolja a fájl a képi információt — és ezen múlik a minőség, a fájlméret és az, hogy a kép egyáltalán használható-e az adott helyen. A rossz választás vagy elnehezíti az oldalt, vagy szétesik a kép; a jó választás láthatatlan, mert egyszerűen működik.
Így is ismerheted
Magyarul fájlformátum vagy képfájl-típus, angolul image format. A legfontosabb különbség a raszteres (pixelekből álló, pl. JPG, PNG) és a vektoros (matematikai görbékből álló, pl. SVG) képek között van — előbbi nagyításkor pixelesedik, utóbbi végtelenül skálázható.
Melyik formátum mire való?
A választást szinte mindig a tartalom és a felhasználási hely dönti el. Fotóhoz a tömörített raszteres formátumok valók, logóhoz és ikonhoz a vektoros, átlátszósághoz pedig a PNG vagy a modern WebP.
- JPG/JPEG — fotók webre; kis fájlméret, de veszteséges tömörítés és nincs átlátszóság.
- PNG — átlátszóság és éles élek (logó, képernyőkép); cserébe nagyobb fájl.
- WebP — a modern web kedvence: a JPG/PNG méretének töredéke, átlátszósággal.
- SVG — vektoros logók, ikonok; végtelenül éles, pici fájl, kóddal stílusozható.
- AVIF — a legújabb, legjobb tömörítés, egyre szélesebb böngésző-támogatással.
Web vagy nyomda?
Webre a méret és a sebesség a kulcs: itt a WebP (vagy AVIF) a nyerő, mert gyorsabb betöltést és jobb Core Web Vitals mutatókat ad. Nyomdába viszont sosem JPG-t adsz le végső anyagként — oda nagy felbontású, CMYK-os fájl kell, a részleteket a nyomdai specifikációk cikk veszi végig.
Jó tudni — pár érdekesség
- A WebP átlagosan 25–35%-kal kisebb fájlt ad, mint az azonos minőségű JPG — ezért tolja a Google évek óta.
- Az SVG valójában szöveges fájl: megnyitható szövegszerkesztőben, és kézzel átírható benne a szín.
- A GIF technikailag elavult (256 szín), de a kultúra életben tartja — animációhoz ma a videó vagy az animált WebP a jobb választás.
Összefoglaló — dióhéjban
Fotóhoz JPG vagy a modernebb WebP/AVIF, átlátszósághoz PNG vagy WebP, logóhoz és ikonhoz vektoros SVG, nyomdába pedig nagy felbontású CMYK-anyag. A vezérelv: a felhasználási hely választja ki a formátumot, nem fordítva. A formátum és a színprofil együtt dönti el a végeredményt — ha ezt egyben, profin kezelnéd a teljes arculaton, nézd meg a grafikai tervezés szolgáltatásunkat.
