Základy webu

Vyberte vhodný formát obrázků pro web

Používejte JPEG a PNG podle jejich předností, aby byly obrázky ostré, úsporné a správně se zobrazovaly na různých zařízeních.

JPEG vs PNGRychlost stránkyVizuální kvalita
Porovnání formátů JPEG a PNG pro obrázky na webu

Formát souboru je snadno přehlédnutelný, ale přímo ovlivňuje kvalitu obrazu, rychlost načítání stránky a kompatibilitu s prohlížeči.

Co má splňovat formát obrázků pro web

  • Zachovejte důležité detaily.
  • Udržet přiměřeně malou velikost souborů.
  • Fungovat v běžných prohlížečích a na různých zařízeních.

Pro většinu webových stránek pokrývají tyto potřeby dva známé formáty: JPEG (.jpg) a PNG (.png). Správná volba závisí na tom, co obrázek obsahuje.

Vyberte JPEG pro fotografie a přechody

JPEG je obvykle vhodnou volbou pro portréty, cestovní fotografie, snímky z událostí a další obrázky s mnoha barvami nebo plynulými přechody tónů. Nabízí dobrý poměr mezi kvalitou a velikostí souboru.

Barevná fotografie restaurace uložená jako JPEG
Tento JPEG má 148 KB. Stejný obrázek uložený jako PNG by měl 1,52 MB, což je více než desetkrát větší.

Zvolte PNG pro ostré hrany a průhlednost

PNG často funguje lépe pro stránky dokumentů, snímky obrazovky uživatelského rozhraní, diagramy, loga a grafiku s omezeným počtem barev. Zachovává ostré hrany a podporuje průhledné plochy.

Diagram s ostrými čarami a průhledným pozadím ve formátu PNG
Tento PNG má 41 KB. Verze JPEG by byla téměř dvakrát větší a ztratila by průhlednost.

Jednoduché pravidlo

Fotky a portréty: JPEG.
Diagramy, snímky obrazovky, dokumenty a loga: PNG.

Sdílejte obrázky s vhodně zvoleným formátem

Vytvořte přehledné online album a prezentujte své fotografie na telefonech, tabletech i počítačích v odpovídající kvalitě.