Volba grafického formátu

Který formát je nejlepší? Univerzální odpověď neexistuje. Vždy záleží na charakteru obrázku, jeho rozměrech a zobrazeném motivu.

Vektorové formáty

Ve vektorovém formátu je obrázek popsán pomocí základních geometrických tvarů – obdélníků, úseček, křivek a podobně. Jeho použití je přirozené pro obrázky, které takto vznikly, jako jsou loga, nápisy, schémata, grafy, diagramy a podobně.

Obrázek je popsán „matematicky“ a vykresluje jej až prohlížeč pro dané médium. Můžete libovolně měnit jeho velikost, na kvalitu to nebude mít žádný dopad.

Vytváří se pomocí vektorových grafických editorů, jako jsou Inkscape, CorelDRAW nebo Adobe Illustrator. Pro web je jediným použitelným vektorovým formátem SVG.

Rastrové formáty

Rastrový formát reprezentuje obrázek hustou sítí pixelů, kterým jsou přiřazeny různé barvy. Něco jako milimetrový nebo čtverečkovaný papír, kde jednotlivá políčka vybarvíte a při dostatečném odstupu uvidíte obrázek. Rastrově funguje většina současných zobrazovacích zařízení, displeje i tiskárny, rastrové obrázky vytvářejí digitální fotoaparáty i scannery.

Velká potíž nastane, když rastrový obrázek potřebujete zvětšit nebo zmenšit. Musí se změnit počet pixelů, kterými je reprezentován. Hodnoty nových pixelů je třeba vypočítat z těch stávajících a vždy dochází k různému zaokrouhlování a poklesu kvality. Zejména zvětšování, kdy potřebujete přidat víc pixelů, než bylo v původním obrázku, vede k nehezkým výsledkům.

Rastrových formátů máme k dispozici několik a často se používají špatně. Dominuje JPEG, který byl vyvinut pro digitální fotografie a pro ně je ideální volbou. Běžně je ale používán i pro loga, schémata a další grafiku s ostrými hranami, které má tendenci rozostřovat. Pro takovéto obrázky jsou vhodnější formáty s omezenou barevnou paletou, tedy PNG, případně starší GIF. Ale ještě lepší je vektorový SVG.

Kdy který použít?

Ta pravidla jsou vlastně docela jednoduchá a vycházejí z charakteru obrázku:

Digitální fotografie

a obrázky podobného charakteru s drobnokresbou a hojnými barevnými přechody – JPEG.

Obrázky s ostrými hranami

loga, diagramy, schémata, grafy a podobně – SVG. V ojedinělých případech může vycházet z hlediska objemu dat lépe PNG, ale rozdíl obvykle nebývá tak velký, aby stál za ztrátu kvality. Ostatně, posuďte sami. Připravil jsem pro vás dvě porovnání různých grafických formátů, jedno pro nápis, druhé pro vývojový diagram.

Závěrečné doporučení

Experimentujte. Programy dnes zpravidla zobrazí náhled výsledku ještě před uložením do souboru. Takovéto nástroje velmi usnadňují hledání vhodného kompromisu, aby obrázek vypadal ucházejícně a přitom vyžadoval co nejméně dat.