UltKit

AVIF vs HEIC vs WebP: rozdiely medzi modernými formátmi

WebP, HEIC aj AVIF zmenšia fotky zhruba o tretinu až polovicu oproti JPG, no vznikli na iné účely: WebP a AVIF pre webové stránky, HEIC na ukladanie v telefóne. WebP a AVIF zobrazí každý súčasný prehliadač, kým HEIC sa spoľahlivo otvorí len na zariadeniach Apple, preto formát, ktorý si ponecháte, závisí od toho, kam má obrázok putovať ďalej.

Jonas WeberJonas WeberRedaktor výkonu webu
Aktualizované 11 min čítania
Zadná strana sivého smartfónu s trojitým fotoaparátom, odfotená zošikma na tmavom pozadí

Odkiaľ pochádzajú WebP, HEIC a AVIF

WebP je najstarší z tejto trojice. Google ho predstavil v septembri 2010, niekoľko mesiacov po kúpe spoločnosti On2 Technologies, ktorej video kodek VP8 sa stal základom nového formátu. Myšlienka bola jednoduchá: statický WebP je v podstate jeden kľúčový snímok VP8 v malom obale RIFF. Prvá verzia bola iba stratová. Bezstratový režim, alfa kanál pre priehľadnosť a animácia pribudli v nasledujúcich troch rokoch, a preto môže WebP nahradiť JPG, PNG aj GIF jedným typom súboru. Google formát a knižnicu libwebp dodnes dokumentuje na webe pre vývojárov WebP.

HEIC má iný pôvod. HEIF (High Efficiency Image File Format) je štandard kontajnera, ktorý v roku 2015 vydala skupina Moving Picture Experts Group ako ISO/IEC 23008-12. Súbor HEIF môže obsahovať obrázky komprimované viacerými kodekmi; ak je kodekom HEVC, známy aj ako H.265, súbor sa nazýva HEIC. Apple z neho urobil predvolený formát fotoaparátu v iOS 11 a macOS High Sierra v roku 2017, na iPhone 7 a novších, a toto jediné rozhodnutie dostalo do obehu miliardy fotiek HEIC takmer cez noc. Je to dôvod, prečo sa väčšina ľudí s týmto formátom vôbec stretla.

AVIF je najnovší. Alliance for Open Media, skupina založená v roku 2015 spoločnosťami Google, Mozilla, Microsoft, Amazon, Netflix, Cisco a Intel, vydala v roku 2018 video kodek AV1 bez licenčných poplatkov a vo februári 2019 špecifikáciu obrázkov AVIF 1.0. Technicky AVIF preberá kontajner HEIF a namiesto HEVC používa AV1, takže AVIF a HEIC sú bratranci s rôznymi motormi. Členské firmy chceli moderný kodek bez patentových poplatkov a špecifikácie AV1 a AVIF dodnes zverejňuje Alliance for Open Media.

Čím sa líšia: kompresia, priehľadnosť, animácia a HDR

Všetky tri formáty pochádzajú z video kodekov a prejavuje sa to aj na kompresii. Namiesto pevných blokov 8 × 8 pixelov ako pri JPG predpovedajú každú oblasť z okolitých pixelov, používajú bloky rôznej veľkosti a po dekódovaní vyhladzujú hrany. Výsledkom je menej blokových artefaktov pri nízkej kvalite. AVIF ide najďalej: pri rovnakej vizuálnej kvalite zvyčajne vytvorí najmenší súbor, najmä pri hladkej oblohe, pleti a prechodoch, kde JPG začína vykazovať pruhovanie. Cenou je čas kódovania. Vytvorenie AVIF môže trvať mnohonásobne dlhšie ako WebP z tej istej fotky, čo je citeľné v telefóne či na vyťaženom serveri.

Podpora funkcií je bližšie, než si ľudia myslia. Všetky tri formáty vedia uložiť priehľadnosť a všetky majú režim animácie, hoci animovaný HEIC je v praxi vzácny. Pri bezstratovej kompresii vyniká WebP: jeho bezstratový režim bol navrhnutý oddelene od stratového a na snímkach obrazovky a grafike zvyčajne poráža PNG. AVIF a HEIC môžu byť teoreticky bezstratové, no súbory bývajú veľké a nástroje tento režim ponúkajú zriedka. Druhým veľkým rozdielom je farebná hĺbka. WebP je obmedzený na 8 bitov na kanál, HEIC a AVIF ukladajú 10-bitovú farbu a AVIF zvládne aj 12-bitové a HDR obrázky.

Licencie vysvetľujú veľkú časť príbehu o podpore. WebP a AV1 vyšli bez licenčných poplatkov, takže ich výrobcovia prehliadačov mohli pridať bez platenia komukoľvek. HEVC je chránený patentmi spravovanými viacerými licenčnými združeniami, a preto Chrome, Firefox a Edge dekódujú obrázky HEVC iba tam, kde operačný systém už poskytuje licencovaný dekodér. Pre majiteľa webu je tento rozdiel rozhodujúci: formát, ktorý uvidí každý návštevník, je lepší než ten, ktorý ušetrí pár kilobajtov, ale polovici ľudí sa nezobrazí.

Porovnanie funkcií troch formátov, s JPG ako referenciou
VlastnosťWebPHEICAVIFJPG
Vydanie2010, Google2015 (HEIF), predvolený v Apple od 20172019, AOMedia1992
Založený navideo kodek VP8HEVC / H.265video kodek AV1bloky DCT
Bezstratový režimÁno, bežne používanýPoužíva sa zriedkaÁno, používa sa zriedkaNie
PriehľadnosťÁnoÁnoÁnoNie
AnimáciaÁnoMožná, vzácnaÁnoNie
Bitová hĺbka / HDR8-bitový, bez HDRAž 10-bitový8, 10 alebo 12-bitový, HDR8-bitový
LicenciaBez poplatkovPatentové združenia HEVCBez poplatkovZáklad bez poplatkov

Porovnanie bežných veľkostí súborov

Rozdiely vo veľkosti závisia od fotky, kodéra a nastavenia kvality, preto berte každé číslo ako typické, nie presné. Pri fotke 1200 × 800 px s nastavením kvality, ktoré na obrazovke notebooku vyzerá rovnako, má JPG typicky okolo 150–200 KB, WebP okolo 100–140 KB a AVIF okolo 60–100 KB. Vlastné porovnania Googlu uvádzajú stratový WebP o 25–34 % menší než JPG a Apple opisuje HEIC ako zhruba polovičný oproti JPG pri fotkách z fotoaparátu. Snímka z iPhonu s 12 MP, ktorá by mala ako JPG 3–4 MB, má ako HEIC zvyčajne 1,5–2,5 MB.

Grafika sa správa inak. Snímka obrazovky s plnými farbami a textom je často najmenšia ako bezstratový WebP, potom PNG, a AVIF tu získa málo. Malé miniatúry tiež zmenšujú rozdiel, pretože každý formát nesie niekoľko stoviek bajtov hlavičiek. Bežné mýty nižšie vznikajú čítaním čísel z testov bez tohto kontextu.

MythAVIF je vždy menší než WebP.

FactPri fotkách so strednou kvalitou zvyčajne áno. Pri snímkach obrazovky, ikonách a bezstratovej grafike ho WebP často vyrovná alebo predčí.

MythHEIC je uzavretý formát od Applu.

FactHEIF je štandard ISO/IEC od MPEG. Apple ho spopularizoval a niektoré fotoaparáty Canon a Sony ponúkajú 10-bitový HEIF tiež ako možnosť záznamu.

MythPremenovanie súboru .webp na .jpg ho skonvertuje.

FactZmení sa iba názov; bajty sú stále WebP. Programy, ktoré kontrolujú signatúru súboru, ho aj tak odmietnu a niektoré ho zobrazia ako poškodený.

MythKonverzia späť na JPG obnoví pôvodnú kvalitu.

FactDetaily odstránené stratovou kompresiou sa nevrátia. Kópia JPG je zvyčajne väčšia než zdroj a v najlepšom prípade vyzerá rovnako.

Dve ruky držia smartfón vodorovne a na obrazovke fotoaparátu rámujú svetlú prázdnu miestnosť
Foto: Unsplash

Podpora v prehliadačoch a operačných systémoch v roku 2025

Na webe sú WebP a AVIF vyriešené. Chrome, Edge, Firefox aj Safari zobrazujú WebP; Safari sa pripojil ako posledný, s verziou 14 v roku 2020 na macOS Big Sur a iOS 14. AVIF prišiel do Chrome 85 v roku 2020, Firefoxu 93 v roku 2021 a Safari 16 v roku 2022, Edge ho pridal začiatkom roka 2024. Návštevník s aktuálnym prehliadačom vidí oba. AVIF nevidia len ľudia so starými verziami Safari, napríklad na iPhonoch, ktoré sa nedajú aktualizovať za iOS 15, a element <picture> umožňuje poslať im záložné JPG.

HEIC je opačný príbeh. Zariadenia Apple ho otvoria všade a Safari 17 ho dokáže zobraziť aj na webovej stránke, ale Chrome, Firefox a Edge obrázky HEIC na otvorenom webe nezobrazujú. Windows 10 a 11 vedia otvoriť HEIC v aplikácii Fotky po pridaní rozšírení HEIF Image Extensions z Microsoft Store, na mnohých počítačoch aj HEVC Video Extensions, čo je platený doplnok. Novšie verzie Androidu vedia dekódovať HEIF, ale aplikácie tretích strán a weby sa výrazne líšia.

Desktopový softvér je niekde medzi. Adobe Photoshop otvára WebP natívne od verzie 23.2 v roku 2022 a väčšina aktuálnych prehliadačov obrázkov WebP zvláda. Podpora AVIF a HEIC v editoroch, kancelárskych balíkoch a starších programoch je nerovnomerná a mnohé formuláre na nahrávanie stále kontrolujú .jpg, .jpeg alebo .png a všetko ostatné odmietnu. Panely nižšie zhŕňajú jednotlivé platformy.

Webové prehliadače

WebP a AVIF sa zobrazia v aktuálnych prehliadačoch Chrome, Edge, Firefox a Safari. HEIC sa zobrazí len v Safari 17 a novšom.

iPhone, iPad a Mac

Všetky tri sa otvoria vo Fotkách a v Preview. AVIF vyžaduje iOS 16 alebo macOS Ventura a novší; HEIC funguje od iOS 11 a macOS High Sierra.

Windows 10 a 11

WebP sa otvorí vo Fotkách hneď po inštalácii. HEIC potrebuje HEIF Image Extensions a často platené HEVC Video Extensions; AVIF potrebuje AV1 Video Extension.

Android

WebP je podporovaný od prvých verzií. Dekódovanie HEIF a AVIF existuje v novších vydaniach, ale galérie a aplikácie na správy sa líšia v tom, čo zobrazia.

Formuláre, portály a tlačiarne

Väčšinou iba JPG a PNG. WebP, HEIC a AVIF považujte za nepodporované, pokiaľ ich stránka na nahrávanie výslovne neuvádza.

Aký formát sa hodí na aký účel

Na doručovanie na webe je WebP predvolenou odpoveďou a AVIF optimalizáciou navyše. Ak web ovládate, posielajte AVIF prehliadačom, ktoré ho prijmú, a ostatným WebP alebo JPG; väčšina obrazových CDN a frameworkov to rieši automaticky. Ak môžete poskytnúť len jeden súbor, bezpečnejší je WebP, pretože ho zobrazí každý aktuálny prehliadač a rýchlo sa kóduje. Na ukladanie v telefóne je HEIC na iPhone ťažko prekonať: fotoaparát ho zapisuje natívne, aplikácia Fotky ho číta a do rovnakého miesta sa zmestí zhruba dvakrát viac fotiek.

Archívy, tlač a administratíva ťahajú opačným smerom. Fotoarchív by mal byť čitateľný aj o dvadsať rokov bez špeciálnych kodekov, čo svedčí o uchovaní originálov tak, ako vyšli z fotoaparátu, a pridaní kópií JPG podľa potreby. Tlačiarne zvyčajne žiadajú JPG alebo TIFF a vládne, skúškové a pracovné portály bežne prijímajú iba JPG alebo PNG, niekedy s limitom veľkosti v kilobajtoch. V každom z týchto prípadov je praktickým riešením prevedená kópia, zatiaľ čo originál zostane vo vašej knižnici.

Štyri bežné úlohy nižšie zhŕňajú rozhodnutie. Vyberajte podľa toho, kam súbor ide, nie podľa toho, ktorý formát má najlepší test.

Webové stránky

AVIF so záložným WebP alebo JPG; samotný WebP, ak poskytujete iba jeden súbor.

Úložisko v telefóne

HEIC na iPhone; zníži zaberané miesto na polovicu bez viditeľnej straty.

Archívy a tlač

Originály si ponechajte; tlačiarňam dajte kópie JPG alebo TIFF.

Formuláre na nahrávanie

JPG alebo PNG so zmenenou veľkosťou na limit portálu.

Prevod AVIF, HEIC a WebP

Väčšina konverzií ide jedným smerom: z nového formátu na JPG alebo PNG kvôli kompatibilite. JPG vyberte pre fotky a PNG, keď má obrázok priehľadnosť alebo ostrý text, ktorý chcete zachovať. Ak chcete previesť AVIF na JPG, konvertor začína na hodnote Kvalita 90, pretože webové súbory AVIF sú už silno komprimované, a možnosť Priehľadné oblasti v časti Rozšírené nastavenia určuje, čím sa vyplnia priehľadné pixely. Konvertor HEIC na JPG tiež začína na 90 a odstráni údaje o polohe, pokiaľ nezrušíte začiarknutie Odstrániť metadáta.

Pri WebP začína stránka WebP na JPG na kvalite 85, ktorá pri bežnej veľkosti vyzerá rovnako ako zdroj. Každý konvertor prijme až 20 súborov v dávke a 95 MB na súbor, nevyžaduje účet a nahrané súbory aj výsledky maže 30 minút po spracovaní. Podrobnejšie návody ako previesť HEIC na JPG a WebP na JPG: kedy a prečo pokrývajú nastavenia telefónu a okrajové prípady.

Opačný smer je rovnako užitočný. Ak spravujete web, prevod fotiek JPG na AVIF zvyčajne zníži ich veľkosť zhruba na polovicu ešte pred nahratím. Matica ukazuje, ktoré konverzie medzi týmito formátmi majú na UltKit vlastnú stránku konvertora.

from ↓ · to →JPGPNGWEBPAVIFPDF
AVIFAVIF to JPG: yesAVIF to PNG: yesAVIF to WEBP: yes– AVIF to AVIF: noAVIF to PDF: yes
HEICHEIC to JPG: yesHEIC to PNG: yesHEIC to WEBP: yes– HEIC to AVIF: noHEIC to PDF: yes
WEBPWEBP to JPG: yesWEBP to PNG: yes– WEBP to WEBP: noWEBP to AVIF: yesWEBP to PDF: yes
supported not offeredKaždá značka je samostatná stránka konvertora. Políčka na uhlopriečke prevádzajú formát sám na seba a sú prázdne.

Kedy si ponechať pôvodný súbor

Každá stratová konverzia zahodí o trochu viac detailov, preto konvertujte kópie, nie originály. Súbory HEIC ponechajte v knižnici iPhonu a JPG exportujte len pre ľudí alebo programy, ktoré ich potrebujú. To isté platí pre HDR fotky: AVIF a HEIC môžu ukladať 10-bitovú farbu a konverzia na 8-bitový JPG premietne jasné svetlá do štandardného rozsahu, čo je v poriadku na zdieľanie, ale nie na ďalšie úpravy. Ak by ste obrázok mohli upravovať znova, ponechajte si originál alebo bezstratovú kópiu PNG a všetky úpravy robte z nej.

Originál si ponechajte aj vtedy, keď novší formát už prijímajú. Ak nástroj na tvorbu webov, aplikácia na správy alebo cloudové úložisko prijme WebP či HEIC priamo, konverzia len pridá krok a súbor zväčší. Konvertujte až na okraji, v okamihu nahrávania, odoslania alebo tlače, a získate kompatibilitu bez pomalého zhoršovania knižnice.

TipPred konverziou celého priečinka vyskúšajte jeden súbor v cieľovej aplikácii alebo formulári. Ak sa nahrá bez úprav, zvyšok konvertovať nemusíte.

Hlavné poznatky

  • WebP (2010) a AVIF (2019) sú webové formáty; HEIC (predvolený na iPhone od 2017) je formát na ukladanie.
  • AVIF zvyčajne dáva najmenšie fotky a podporuje HDR; WebP sa kóduje rýchlejšie a má najsilnejší bezstratový režim.
  • Každý aktuálny prehliadač zobrazí WebP a AVIF; HEIC potrebuje softvér Apple alebo rozšírenia Windows.
  • Formuláre, tlačiarne a staršie programy stále očakávajú JPG alebo PNG, preto konvertujte kópie až pri použití.
  • Originály si ponechajte: opakované kódovanie nikdy nevráti stratené detaily a zvyčajne súbor zväčší.
ZdieľaťXFacebookWhatsAppTelegram

Často kladené otázky

Je AVIF lepší ako WebP?

Pri fotkách na webe AVIF zvyčajne vytvorí menšie súbory pri rovnakej vizuálnej kvalite a podporuje HDR. WebP sa kóduje oveľa rýchlejšie, má silnejší bezstratový režim a funguje v o niečo starších prehliadačoch, preto mnohé weby ponúkajú oba.

Je HEIC to isté ako HEIF?

HEIF je štandard kontajnera a HEIC je súbor HEIF, ktorého obrázky sú komprimované pomocou HEVC. Na iPhonoch oba pojmy opisujú tie isté fotky a súbory zvyčajne končia na .heic.

Môžem nahrať obrázky WebP alebo AVIF na sociálne siete?

Mnohé veľké platformy prijímajú WebP a niektoré AVIF, ale nahrané súbory zvyčajne aj tak znova kódujú. Ak nahrávanie zlyhá alebo náhľad vyzerá zle, spoľahlivou záložnou možnosťou je kópia JPG.

Hodnotí Google obrázky WebP alebo AVIF vyššie?

Google nezaradí stránku vyššie len preto, že používa určitý formát obrázkov. Menšie obrázky môžu urýchliť načítanie stránky a skúsenosť so stránkou je jedným z mnohých signálov, ktoré Google zvažuje.

Prečo vytváranie súborov AVIF trvá tak dlho?

Kodér AV1 prehľadáva oveľa viac spôsobov, ako rozdeliť a predpovedať každý blok, než staršie kodeky. Toto hľadanie nájde menšie súbory, ale trvá dlhšie, najmä pri najpomalších a najúčinnejších nastaveniach.

Aký formát použiť pre logo s priehľadným pozadím?

Pre logá a ikony použite PNG alebo bezstratový WebP. Oba zachovajú priehľadnosť a ostré hrany presne a ešte lepšie je SVG, ak máte logo ako vektorovú grafiku.

Čítajte ďalej