Který formát je lepší: PNG nebo JPG?

Nejpopulárnější formáty obrázků na webových stránkách jsou PNG nebo JPG, GIF a stále častěji i WebP. Které z nich používají ztrátovou kompresi a které bezztrátovou?

Co je formát PNG?

Obrázkový formát PNG používá při ukládání bezztrátovou kompresi, což znamená, že vytváří větší soubory, ale zachovává vyšší kvalitu grafiky. Podporuje 48bitovou barevnou hloubku a alfa kanál – tedy podporuje průhlednost.

Výhody a nevýhody formátu PNG Mezi výhody patří bezztrátová komprese a vysoká kvalita obrazu.

PROTIP: Pokud chceme uložit logo ve formátu PNG bez pozadí – použijeme právě tento formát a uložíme jej bezztrátově ve velkém původním rozměru Při tvorbě finálního návrhu tento soubor s logem vložíme do projektu a teprve poté upravíme jeho velikost.

JPG – co je to za formát?

Obrázkový formát JPEG známý jako JPG je zároveň názvem algoritmu, který při ukládání soubor komprimuje – díky tomu má menší velikost a rychle se načítá. Nižší velikost se však projeví i nižší kvalitou a JPG nepodporuje průhlednost.

Použití JPG souborů? Ideální řešení pro fotografie, které se mají rychle načítat na webu, pro grafiku na sociální sítě či bannery a velké pozadí.

Výhody a nevýhody formátu JPG: Mezi výhody patří nízká velikost souborů a vysoká komprese Nevýhodou je absence podpory průhlednosti a ztráta kvality při opakovaném ukládání.

PROTIP: Chceme-li na web vložit velkou fotografii jako pozadí, zkontrolujeme v šabloně požadované rozměry v pixelech a fotografii podle toho ořezáváme a škálujeme Následně ji uložíme s JPG kompresí na úrovni 80 % a 70 %.

Objevte také 8 způsobů, jak zvýšit prodej na Instagramu.

GIF – co to znamená?

Na rozdíl od PNG nebo JPG se formát GIF často používá pro jednoduché, opakující se animace na webových stránkách. Také používá bezztrátovou kompresi.

PROTIP: Máme-li fotografie produktu z různých úhlů, můžeme z nich vytvořit GIF, který se bude opakovaně přehrávat například každou půl vteřinu.

PNG nebo JPG – kdy je použít?

Známe nejpopulárnější formáty grafiky, zůstává otázka, který si vybrat – PNG nebo JPG?

•  Pokud potřebujeme, aby byl velký soubor snadný a rychle se načetl – upřednostníme JPG.

•  Pokud nám záleží na vysoké kvalitě obrazu – zvolíme PNG.

•  Pokud chceme použít grafiku s průhledným pozadím – vybereme PNG.

•  Pokud potřebujeme animovanou grafiku – GIF bude správná volba.

Má formát obrázku význam pro SEO?

Odborníci se v názorech rozcházejí, ale většina tvrdí, že samotný formát PNG nebo JPG obrázku není pro SEO rozhodující. textů.

Výhody a nevýhody formátu WebP

Formát WebP, který vyvinul Google, spojuje výhody PNG nebo JPG. Podporuje ztrátovou i bezztrátovou kompresi a zároveň i průhlednost.

Nevýhoda: WebP nemusí být podporován staršími prohlížeči.

Pokud potřebujete poradit s výběrem obrázkovým formátů, obraťte se na SEO experty z WeNet CZ.