1. místo - WEPB. Obecně platí, že pro „standardní“ ne vektorový obrázek je nejmenší obrazový formát podporovaný všemi hlavními moderními prohlížeči prohlížet formát WEBP nové generace - schopný snížit velikost obrazových souborů o 30% více než JPEG (při zachování stejný index kvality SSIM) a o 90% více než obrázky PNG při zachování srovnatelného vysoce kvalitního vzhledu.

2. místo - Formát obrázku JPEG je umístěn mezi WEBP a PNG, pokud jde o kompresi velikosti souboru

3. místo - PNG obecně vytváří největší velikosti souborů. V závislosti na obrazových údajích samozřejmě existují výjimky.

Porovnání relativních velikostí obrázků (a kvality) formátů obrázků PNG, JPEG a WEBP:

Vysvětelení komprese obrázku

Chcete se dozvědět více o kompresi? Další podrobnosti naleznete v následujících částech:

• Vysvětlení komprese PNG
• Vysvětlení komprese JPEG
• Vysvětlení komprese GIF

Vysvětlení převodu obrázku

Chcete se dozvědět více o tom, kdy, proč a jak převádět mezi různými formáty obrázků? Další podrobnosti naleznete v následujících částech:

• PNG vs. JPEG - kvalita vs. komprese
• JPEG vs. WEBP - Universal vs. Next-Gen

1. Přetáhněte své obrázky PNG kdekoli na stránce a vyberte Převést obrázky do formátu JPEG.
2. Vaše obrázky PNG budou okamžitě převedeny jako šarže do optimalizovaných souborů JPEG, což povede ke značnému zmenšení velikosti souboru.
3. Ve většině případů budou obrázky PNG převedené do formátu JPEG o 90% menší než velikost souboru.

Existují konkrétní případy, kdy je lepší použít JPEG nebo PNG, v závislosti na vašich potřebách.

Obrázky JPEG obsahují ztrátová kompresní data, což znamená, že některá obrazová data jsou ztracena přibližným přiblížením, aby bylo dosaženo vyššího stupně komprese. Výsledkem může být zhoršení kvality obrazu.

Kdy je JPEG nejlepší

Formát JPEG je obzvláště vhodný pro fotografie a snímky „v reálném světě“, kde je schopen poskytovat velmi vysoký stupeň komprese dat, zatímco lidské oko stále není schopno vnímat šum způsobený ztrátou dat.

Kdy je PNG nejlepší

Na druhou stranu PNG obsahuje bezeztrátová kompresní data (bez ztráty dat) a je vhodnější pro:

• Komprese obrázků s malými ikonami (u 64 pixelů PNG skutečně komprimuje lépe než JPEG v těchto stupnicích), nebo
• Snímky obrazovky, ilustrované obrázky, grafy nebo jiné obrázky, u nichž je kvalita obrazu a snížení šumu důležitější než velikost obrazového souboru.

Ilustrace vnímatelného šumu způsobeného ztrátovou kompresí JPEG vs. bezeztrátovou kompresí PNG:

Kdykoli se zmenšení velikosti obrazového souboru stane důležitým hlediskem, například obrázků na webových stránkách, měli byste vždy zvážit převod PNG na JPEG (nebo WEBP).

Časy načítání jsou důležité pro UX a SEO a obrázky zabírají v průměru 50% celkové hmotnosti webové stránky a zabírají významnou část doby načítání stránky. Čím je web rychlejší, tím více s ním uživatelé budou interagovat, tím snadněji bude indexován a tím vyšší bude jeho hodnocení na Googlu.

1. Přetáhněte své obrázky JPEG (nebo PNG) kdekoli na stránce a okamžitě se převedou na optimalizované obrázky WEPB, což povede ke značnému zmenšení velikosti souboru.
2. Ve většině případů dosáhnou obrazy převedené na WEBP maximální možnou kompresi bez viditelné ztráty kvality obrazu.

Prakticky ve všech metrikách, které jsou na webu důležité, je WEBP vynikajícím obrázkovým formátem než JPEG:

1. WEBP nabízí mnohem lepší poměr kvality a velikosti s přibližně o 30% lepší kompresí velikosti souboru než JPEG.
2. Při komprimaci na podstatně menší velikosti souborů než JPEG nabízí WEBP stále identickou vizuální kvalitu jako JPEG.
3. WEBP podporuje animaci - JPEG ne.
4. WEBP podporuje průhlednost alfa - JPEG ne.
5. WEBP podporuje progresivní načítání - stejně jako JPEG.
6. WEBP je podporován všemi významnými moderními prohlížeči.
7. WEBP podporuje jak bezeztrátovou kompresi obrazu, tak i kompresi ztrátového obrazu - zatímco komprese JPEG je vždy ztrátová.

Obrazový formát WEBP byl vyvinut společností Google, a přestože je již několik let starý, stále se považuje za mnohem lepší formát obrázků nové generace pro web. Existují však určité námitky, zejména pro použití mimo web:

1. Jako mnohem novější obrazový formát, než je dobře zavedený formát JPEG, WEBP ještě není podporován Microsoft Office a mnoha dalšími široce používanými desktopovými aplikacemi.
2. JPEG je mnohem všudypřítomnější obrazový formát a prakticky zaručuje podporu v celé řadě aplikací a platforem.

WEBP přináší oproti JPEG více výhod:

1. vynikající komprese
2. podporuje průhlednost alfa
3. podporuje animaci

Příklady funkcí animace WEBP a alfa průhlednosti: