JPG, PNG, WebP vagy AVIF?

Az formátumok összehasonlítása előtt tudja az osztást, amely mindegyiket hajtja. A veszteségmentes formátumok pontosan az összes pixel tároljuk és végigmegyünk, és újra megnyitható és újra mentett korlátlanul a romlás nélkül — a PNG a fő. A veszteséges formátumok eldobnak információkat, amely a szem valószínűleg nem fogja észrevenni, csalinak egy kis minőséget egy sokkal kisebb fájlért — JPG, WebP és AVIF mindegyik ezt csinálja. Nincs egy "legjobb" formátum, mivel a helyes választás attól függ, hogy a kép egy fotó, egy logó vagy egy képernyőkép, valamint hogy mennyire értékeli a méret vagy a kompatibilitást.

A JPG (vagy JPEG) az veterán. A fotókat építették fel, és a valós képek sima gradienseire hangolt veszteséges tömörítést használ. Nincs átlátszósága, és a tömörítése blokkos műtermékeket hagyhat az éles szélak és szöveg körül, ezért helytelen a logók és képernyőképek. Annak szuperhatáskora az univerzális támogatás: minden eszköz, szerkesztő és webhely elfogad egy JPG-t.

A PNG a veszteségmentes választás. Megtartja az összes pixelt, és támogatja a teljes átlátszóságot, így az alapértelmezés a kemény szélak, szöveg, UI képernyőképek és bármi, amely átlátszó háttérrel rendelkezik. A költsége a fájl méret: egy PNG fotó gyakran többször nagyobb, mint ugyanaz a fotó, mint egy JPG, így a PNG gyenge választás a fotográfiai tartalom a webin.

A WebP, a Google-tól, a modern all-rounder. Mind a veszteséges, mind a veszteségmentes módokat biztosítja, valamint átlátszóságot és animációt, valamint hasonló minőségen az JPG-nél nagyjából 25-35% kisebb fájlokat és gyakran sokkal kisebbeket, mint a PNG. Minden jelenlegi böngésző támogatja, amely a mai gyors webhely pragmatikus alapértelmezésévé teszi.

Az AVIF a négy közül a legújabb, a modern videokodek-technológián alapulva. Jellemzően az összes legkisebb fájlokat éri el — gyakran legyőzi a WebP-t széles margóval a fotókon — és támogatja az átlátszóságot, a széles szín és a magas dinamikus tartományt. A támogatás már széles, de nem egészen univerzális, így az oldalak általában az AVIF-et a WebP vagy JPG visszavonással szolgálják az utolsó néhány régebbi klienshez.

A jól optimalizált weboldal ritkán használ egy formátumot mindenhez. A fotók WebP vagy AVIF-ként mennek ki a sebességhez, JPG visszavonással. A logók, ikonok és bármi, amely átlátszóságra szükséges, PNG-ként marad — vagy jobban, mint SVG, ha ezek vektorművészet — mivel a veszteséges formátum homályossá tenné az éles széleket. A szöveg képernyőképei ugyanezen okból PNG-ként a legjobbnak néznek ki.

Ha bizonytalan, hogy a kapcsoló megéri-e, konvertálj egy képviselő képet, és hasonlítsd össze a fájl méretét és azt, hogy hogyan néz ki teljes nagyítással. A méret csökkenés a JPG-ből a WebP-be vagy az AVIF-be gyakran látványos, vizuális minőség veszteség nélkül, amely pontosan az a nyertes, amely az oldalakat gyorsabbá teszi. Ha a kompatibilitás több bájtot számít — egy e-mail melléklet, egy régi rendszer, egy nyomda — az vissza JPG-re vagy PNG-re, a két formátum, amely mindenhol működik.