Výběr správného obrazového formátu může znamenat rozdíl mezi rychle se načítajícím webem a takovým, který frustruje vaše návštěvníky. PNG, JPEG a WebP mají každý své silné a slabé stránky. Zde je přímočarý průvodce, který vám pomůže pokaždé vybrat ten správný.
JPEG: Nejlepší pro fotografie
JPEG je výchozím formátem pro fotografie od 90. let. Používá ztrátovou kompresi, což znamená, že zahazuje některá vizuální data pro dosažení menších velikostí souborů. Pro fotografie s plynulými přechody a miliony barev dělá JPEG vynikající práci.
- Výhody: Velmi malé velikosti souborů, univerzálně podporováno, vynikající pro fotografie
- Nevýhody: Žádná průhlednost, ztrátový (kvalita se zhoršuje při opětovném uložení), špatný pro text a ostré hrany
- Nejlepší pro: Fotografie, obrázky na sociálních médiích, produktové fotografie, pozadí
PNG: Nejlepší pro grafiku a průhlednost
PNG používá bezeztrátovou kompresi, takže nikdy neztratíte kvalitu při ukládání. Podporuje také průhlednost (alfa kanál), což z něj činí nezbytný formát pro loga, ikony a grafiky, které musí sedět na různých pozadích.
- Výhody: Bezeztrátová kvalita, podporuje průhlednost, ostré hrany zůstávají ostré
- Nevýhody: Mnohem větší velikosti souborů než JPEG pro fotografie, není ideální pro fotografie
- Nejlepší pro: Loga, ikony, snímky obrazovky, grafiky s textem, obrázky potřebující průhlednost
WebP: Nejlepší z obou světů
WebP je moderní formát vyvinutý Googlem, který podporuje jak ztrátovou, tak bezeztrátovou kompresi, plus průhlednost. Typicky vytváří soubory o 25-35% menší než JPEG při ekvivalentní kvalitě a výrazně menší než PNG.
- Výhody: Nejmenší velikosti souborů, podporuje průhlednost, jak ztrátový, tak bezeztrátový režim
- Nevýhody: Není podporován v některých starších aplikacích, méně univerzální než JPEG/PNG
- Nejlepší pro: Webové obrázky, všude, kde záleží na velikosti souboru a ovládáte zobrazovací prostředí
Porovnání velikostí souborů
Abychom tomu dali konkrétní čísla, zde je přibližné porovnání pro typickou fotografii 1920x1080:
- PNG: 3-5 MB (bezeztrátový)
- JPEG (kvalita 80): 200-400 KB
- WebP (kvalita 80): 150-300 KB
To je obrovský rozdíl. Pro web s 20 obrázky by volba WebP místo PNG mohla ušetřit vašim návštěvníkům více než 50 MB stahování.
Rychlý rozhodovací průvodce
- Potřebujete průhlednost? Použijte PNG (nebo WebP, pokud podpora prohlížeče není problém).
- Nahráváte fotografie na sociální média? Použijte JPEG.
- Optimalizujete web? Použijte WebP s JPEG zálohou.
- Sdílíte snímky obrazovky? Použijte PNG pro jasnost.
Potřebujete převádět mezi formáty? fileGOD převodník obrázků zvládá všechny tři formáty (a více) přímo ve vašem prohlížeči, bez nutnosti nahrávání.