A képformátumok röviden: JPG, PNG, WebP, AVIF, GIF, BMP és ICO
Melyik formátumot használd fotókhoz, logókhoz, képernyőképekhez, weboldalakhoz, nyomtatáshoz és közösségi médiához, és miért.
Minden képformátum kompromisszum a fájlméret, a minőség, az átlátszóság, az animáció és a kompatibilitás között. Ha rosszat választasz, vagy feleslegesen nagy fájlt kapsz, vagy elmosódott logót. Ez az útmutató bemutatja, mire jók az egyes formátumok, a döntéshez szükséges számokkal együtt.
A tömörítés két fajtája
A veszteségmentes tömörítés minden pixelt pontosan megőriz, és csak hatékonyabb módot talál ugyanazon adatok leírására, ahogy a ZIP is. Egy veszteségmentes képet ezerszer is megnyithatsz és elmenthetsz, akkor sem változik. A PNG, a BMP, a GIF és a veszteségmentes WebP így működik.
A veszteséges tömörítés információt dob el, mégpedig azokat a részleteket, amelyekre az emberi szem a legkevésbé érzékeny: a finom textúrát, az apró színeltéréseket, a nagyfrekvenciás zajt. Az eredmény lehet a veszteségmentes fájl tizede látható különbség nélkül, de minden újramentés egy kicsit többet veszít. A JPG, a veszteséges WebP és az AVIF így működik.
Ebből egyenesen következik az első szabály: fotókhoz használj veszteséges formátumot, hiszen azok tele vannak zajjal és textúrával, ami senkinek sem hiányzik, az éles szélű, egyszínű felületekből és szövegből álló grafikákhoz pedig veszteségmentest, mert ott minden pixel számít.
Formátumról formátumra
JPG (JPEG)
1992 óta a fotók formátuma. Veszteséges, 8 bites színmélységű, nincs átlátszóság és animáció. Gyakorlatilag minden valaha készült eszköz és program kezeli. A 0 és 100 közötti minőségi beállítás szabályozza a kompromisszumot; a mindennapi használatra a 80 és 85 közötti érték az ideális. Gyengéi a gyenge minőségnél látható „kockásodás”, az éles szélek körüli hullámzás és az átlátszóság hiánya. Akkor használd, ha a fotó a böngészőn kívülre megy: e-mailbe, nyomdába, webáruházakba, régebbi programokba.
PNG
Veszteségmentes, akár 16 bites színmélység, teljes alfa-átlátszóság, animáció nincs (az APNG létezik, de ritka). Ez a helyes választás logókhoz, ikonokhoz, képernyőképekhez, ábrákhoz, diagramokhoz és minden olyan képhez, amelynek átlátszó háttér kell. Gyengéje a méret: egy PNG fotó akár tízszer akkora lehet, mint egy JPG. Weboldalon fotóhoz soha ne használj PNG-t.
WebP
A Google webes formátuma, amelyet ma már minden aktuális böngésző támogat. Van veszteséges és veszteségmentes módja is, mindkettőben támogatja az átlátszóságot, és az animációt is. A veszteséges WebP azonos minőség mellett nagyjából 25 és 35% között kisebb a JPG-nél, a veszteségmentes WebP pedig körülbelül 25%-kal kisebb a PNG-nél. Ez a legjobb általános formátum mindenhez, ami böngészőben jelenik meg. Gyengéje a böngészőn kívüli kompatibilitás: régebbi asztali programok, egyes levelezőprogramok és sok feltöltési űrlap még mindig nem fogadja el.
AVIF
Még újabb, az AV1 videókodeken alapul. Azonos minőség mellett jellemzően 50%-kal kisebb a JPG-nél és 20%-kal a WebP-nél, átlátszósággal, animációval és széles színtartomány támogatásával. 2024 óta minden aktuális böngésző támogatja. A kódolás lassú, különösen böngészőben, és a böngészőn kívüli programok támogatása még hiányos. Akkor használd, ha a fájlméret kritikus, és te irányítod a megjelenítési környezetet; mellé adj WebP vagy JPG tartalékot is.
GIF
1987-ből származik. Képkockánként legfeljebb 256 szín, egyetlen átlátszó szín, és animáció, ami az egyetlen oka annak, hogy még mindig mindenhol ott van. Fotókhoz borzalmas, egyszerű grafikákhoz megfelel, kompatibilitásban verhetetlen. Állóképekhez a PNG mindent tud, amit a GIF, csak jobban; animációhoz az MP4 vagy az animált WebP sokkal kisebb.
BMP
Tömörítetlen Windows-bitkép. Hatalmas fájlok, a szokásos használatban nincs átlátszóság, nincs tömörítés. Csak azért maradt fenn, mert nagyon egyszerű beolvasni, ami beágyazott eszközöknél és régi programoknál számít. Webre vagy tárolásra soha ne használd.
ICO
A Windows-ikonok és a böngészős faviconok formátuma. Ugyanannak a képnek több méretét tartalmazza egyetlen fájlban, így a lapfülhöz, a könyvjelzőhöz vagy az asztali parancsikonhoz mindig a megfelelő választható ki. PNG-ből készül a PNG-ből ICO eszközzel.
Összehasonlító táblázat
| Formátum | Tömörítés | Átlátszóság | Animáció | Fotóméret a JPG-hez képest | Kompatibilitás |
|---|---|---|---|---|---|
| JPG | Veszteséges | Nem | Nem | 1× | Mindenhol |
| PNG | Veszteségmentes | Igen, teljes alfa | Nem | 5-10× | Mindenhol |
| WebP | Mindkettő | Igen, teljes alfa | Igen | 0,65-0,75× | Minden böngésző, a legtöbb modern alkalmazás |
| AVIF | Mindkettő | Igen, teljes alfa | Igen | 0,5× | Minden aktuális böngésző, kevés alkalmazás |
| GIF | Veszteségmentes, 256 szín | Igen, be/ki | Igen | 2-4× (és rosszabb minőség) | Mindenhol |
| BMP | Nincs | Nem | Nem | 20-30× | Mindenhol, de ritkán használják |
Melyik formátum melyik feladatra
- Fotók weboldalon: WebP 75 és 85 közötti minőségen, JPG tartalékkal, ha nagyon régi böngészőket is támogatnod kell. AVIF, ha a lehető legkisebb oldalakat szeretnéd.
- Logók és ikonok weboldalon: SVG, ha van; egyébként PNG vagy veszteségmentes WebP.
- Képernyőképek: PNG. A veszteséges tömörítés elmossa a szöveget.
- E-mail-mellékletek: fotókhoz JPG, grafikákhoz PNG. WebP-t ne küldj; túl sok levelezőprogram kezeli rosszul.
- Nyomtatás: JPG 95-ös minőségen vagy PNG/TIFF, a nyomtatott méret minden hüvelykére 300 pixellel.
- Közösségi média: JPG vagy PNG; feltöltéskor úgyis minden platform újratömörít, ezért magas minőségben és a megfelelő méretben töltsd fel.
- Átlátszó hátterű termékkivágások: PNG a legszélesebb kompatibilitásért, WebP a webre.
- Faviconok: ICO, plusz egy PNG a mobilos kezdőképernyőkhöz.
Konvertálás a formátumok között
Ezen az oldalon minden konvertálás a böngésződben fut. A leggyakoribb utak a PNG-ből WebP és a JPG-ből WebP a webre, a WebP-ből JPG és a WebP-ből PNG a kompatibilitásért, valamint a PNG-ből JPG a rossz formátumban mentett fotók kicsinyítésére. A képtömörítő bármelyiket kezeli, akár több fájlt egyszerre.