Klíčové poznatky
- 01JPG je pro fotografie, PNG je pro grafiku a transparentnost, WebP a AVIF jsou novější formáty, které porazují oba v velikosti.
- 02AVIF obvykle vytváří nejmenší soubory, WebP je nejlépe podporovaný moderní formát a JPG/PNG zůstávají nejbezpečnější pro kompatibilitu.
- 03Ztrátové formáty (JPG, WebP, AVIF) zahazují detaily, aby zmenšily soubory; PNG je bezeztrátý a zachovává každý pixel.
Jeden koncept, který vysvětluje vše: ztrátový vs. bezeztrátový
Před srovnáním formátů znáte rozdělení, které je všechny řídí. Bezeztrátové formáty ukládají každý pixel přesně a mohou být znovu otevřeny a znovu uloženy navždy bez degradace — PNG je hlavní. Ztrátové formáty zahazují informace, které si oko patrně nevšimne, obchodují s malou kvalitou za mnohem menší soubor — JPG, WebP a AVIF to všechno dělají. Neexistuje jediný \"nejlepší\" formát, protože správná volba závisí na tom, zda je váš obrázek fotografií, logem nebo snímkem obrazovky a na tom, jak si ceníte velikosti versus kompatibility.
Pravidlo rychlého rozhodování
Pokud si nepamatujete nic jiného, pamatujte si těch pět řádků.
- 01Fotografie pro web, maximální kompatibilita: používejte JPG. Je chápán vším a fotografie komprimuje dobře.
- 02Logo, ikona, snímek obrazovky nebo cokoli vyžadující transparentnost: použijte PNG. Udržuje ostré hrany a transparentní pozadí dokonale.
- 03Moderní web, kde chcete menší soubory a ovládat publikum: použijte WebP. Porazí JPG a PNG na velikost a je podporován všemi současnými prohlížeči.
- 04Nejmodernější web pronásledující nejmenší možné soubory: použijte AVIF. Obvykle vyhrává v velikosti, zvláště pro fotografie, s náhradou pro starší prohlížeče.
- 05Animace bez videa: animovaný WebP nebo AVIF porazí starý GIF na velikost a barvu.
Čtyři formáty, jeden po druhém
JPG (nebo JPEG) je veterán. Byl vytvořen pro fotografie a používá ztrátovou kompresi vyladěnou na hladké gradienty obrázků reálného světa. Nemá transparentnost a jeho komprese může zanechat blokáty artefakty kolem ostrých hran a textu, což je důvod, proč je špatný pro loga a snímky obrazovky. Jeho superschopnost je univerzální podpora: každé zařízení, editor a web přijímá JPG.
PNG je bezeztrátá volba. Zachovává každý pixel a podporuje plnou transparentnost, což z toho dělá standard pro grafiku s ostrými hranami, text, snímky UI a cokoli s průhledným pozadím. Cena je velikost souboru: PNG fotografie je často několikrát větší než stejné foto jako JPG, takže PNG je špatná volba pro fotografický obsah na webu.
WebP od společnosti Google je moderní všeobecná řešitel. Nabízí lossy i lossless režimy plus transparentnost a animaci a při podobné kvalitě vytváří soubory přibližně o 25-35% menší než JPG a často mnohem menší než PNG. Každý současný prohlížeč jej podporuje, což z toho dělá pragmatickou výchozí hodnotu pro rychlý web dnes.
AVIF je nejnovější ze čtyř, založený na moderní technologii video-kódeku. Obvykle dosahuje nejmenších souborů ze všech — často poráží WebP o velký okraj na fotkách — a podporuje transparentnost, rozšířenou barvu a vysoký dynamický rozsah. Podpora je nyní široká, ale ne zcela univerzální, takže weby obvykle slouží AVIF s fallbackem WebP nebo JPG pro poslední pár starších klientů.
Jak konvertovat mezi formáty
Konverze je dvouminutová práce a acontuje se zcela v prohlížeči, takže originály nikdy neopustí vaše zařízení.
- 01
Vyberte správný konvertor
Zvolte nástroj, který odpovídá vaší směru — např. PNG na JPG pro zmenšení obrázku bohatého na grafiku, nebo WebP na JPG pro obnovení kompatibility.
- 02
Přetáhněte svůj obrázek
Přidejte jeden soubor nebo celou dávku. Konverze běží lokálně v prohlížeči.
- 03
Nastavte kvalitu, pokud je ztrátová
Pro výstup JPG, WebP nebo AVIF zvolte úroveň kvality — vyšší zachovává více detailů, nižší vytváří menší soubor.
- 04
Stáhněte si výsledek
Uložte jeden obrázek nebo exportujte dávku. Ponechte si originály pro případ, že je budete potřebovat znovu.
Uvedení do provozu pro skutečnou stránku
Dobře optimalizovaná webová stránka zřídka používá jeden formát pro vše. Fotografie vycházejí jako WebP nebo AVIF pro rychlost, s fallbackem JPG. Loga, ikony a cokoli s transparentností zůstávají jako PNG — nebo lépe, jako SVG, pokud se jedná o vektorové umění — protože ztrátový formát by rozostřil jejich ostré hrany. Snímky obrazovky textu vypadají nejlépe jako PNG ze stejného důvodu.
Pokud si nejste jistí, zda je přepnutí warto, konvertujte jeden reprezentativní obrázek a porovnejte jak velikost souboru, tak to, jak to vypadá v plném zoomu. Pokles velikosti z JPG na WebP nebo AVIF je často dramatický bez viditelné ztráty kvality, což je přesně výhra, která dělá stránky načítání rychleji. Když kompatibilita matters více než bajty — příloha e-mailu, starý systém, tiskárna — vraťte se k JPG nebo PNG, dva formáty, které fungují všude.
Časté otázky o formátech obrázků
Je WebP lepší než JPG?
Na webu obvykle ano. WebP vytváří soubory přibližně o 25-35% menší než JPG při podobné kvalitě a také podporuje transparentnost a animaci. JPG stále vyhrává, když potřebujete maximální kompatibilitu, například přílohu pro neznámého příjemce.
Kdy bych měl používat PNG místo JPG?
Použijte PNG pro grafiku, loga, ikony, snímky obrazovky a jakýkoli obrázek, který potřebuje průhledné pozadí nebo ostré hrany. Použijte JPG pro fotografie, kde by PNG byl zbytečně velký.
Je AVIF lepší než WebP?
AVIF obvykle vytváří menší soubory než WebP, zvláště pro fotografie, a podporuje rozšířenou barvu. WebP má mírně širší podporu a rychlejší kódování, takže mnoho webů používá AVIF s fallbackem WebP.
Ztrácí se kvalita při konverzi mezi formáty?
Konverze na ztrátový formát (JPG, WebP, AVIF) zahodí nějaké detaily a opakované ztrátové uložení zvyšují ztrátu. Konverze na PNG je bezeztrátá. Vždy konvertujte z nejvyšší kvality originálu, který máte.