Základy formátů· čtení na 6 min

SVG, EPS nebo AI: v čem se liší?

SVG vs EPS vs AI: co je každý vektorový formát, jak je otevřený, kde se hodí pro web a tisk, srovnávací tabulka a způsob převodu mezi nimi.

1. Tři formáty na jednu řádek

SVG: otevřený vektorový standard určený pro web, který prohlížeče podporují nativně; EPS: starší výměnný tiskový formát založený na PostScriptu; AI: proprietární pracovní formát Adobe Illustratoru. Všechny tři uchovávají vektorovou grafiku, ale jejich zaměření a ekosystémy se značně liší. Pochopení tohoto rozdělení vám ušetří předání ve špatném formátu a následné přepracování.

2. Podrobné srovnání

PorovnáníSVGEPSAI
PůvodOtevřený standard W3C (XML)Obálkový formát PostScriptProprietární formát Illustratoru
OtevřenostZcela otevřený, čitelný textVeřejně specifikovaný, široce podporovanýProprietární
Zobrazení v prohlížečiNativní podporaNepodporuje seNepodporuje se
Hlavní použitíWebové ikony, ilustrace, grafyPředání do tisku a rytíZdrojové soubory návrhu
Možnosti úpravÚprava na úrovni cestOmezenéKompletní vrstvy, plochy a efekty

3. SVG: první volba pro web a práci napříč platformami

Silou SVG je otevřenost a blízkost webu: prohlížeče ho vykreslí přímo, CSS a JavaScript ho umí přebarvovat a animovat, soubor je malý a dobře se komprimuje a upravit ho dokáže jakýkoli textový editor. Jeho omezením je, že barva je převážně v RGB, takže přímé barvy, překryv tiskových barev a další profesionální tiskové vlastnosti jsou podporované slabě a špičkové tiskové postupy stále sáhají po PDF či EPS. Pro běžné webové materiály, ikony a loga je SVG výchozí odpovědí. SVG lze také vložit přímo do HTML, takže se ikona načte spolu se stránkou a ušetří se jeden požadavek na obrázek; když potřebujete bitmapu, lze kdykoli exportovat PNG v libovolném rozlišení, takže všechny dveře zůstávají otevřené.

4. EPS: klasický výměnný tiskový formát

EPS popisuje grafiku pomocí PostScriptu a býval standardním předávaným formátem tiskového a rytického průmyslu, který přijímala téměř každá předtisková i rytací sada. Na dvě věci pozor: starší EPS nepodporuje průhlednost v reálném čase (průhledné efekty se sloučí) a prohlížeč ho neumí přímo prohlédnout. PDF v posledních letech převzal řadu původních úloh EPS, ale řada tiskáren si stále žádá EPS. V praxi sledujte verzi: některá starší zařízení umí jen nízké verze EPS, takže při exportu hlídejte volbu verze a před odevzdáním návrhu s průhledností do EPS se ujistěte, že výsledek po sloučení vypadá podle očekávání.

5. AI: pracovní soubor designéra

AI je nativní formát Illustratoru, který kompletně zachovává vrstvy, plochy, efekty a editovatelný text, a je tedy spíše rozpracovaným projektem než předávaným formátem. Je proprietární a otevře ho Illustrator nebo kompatibilní software. Na webu se soubor AI nikdy nepoužívá přímo — exportujte ho do SVG nebo PNG. Soubory AI obvykle obsahují vrstvu kompatibilní s PDF, takže je dokáže prohlédnout celá řada ne-Adobe aplikací, úplnou úpravu je ale lepší provádět zpět v Illustratoru, aby se nezanikly efekty.

6. Jak volit a jak převádět

Zmínku zaslouží i PDF: dnes je hlavním předávaným formátem moderního tisku a spojuje vektorovou grafiku s typografií. Pokud tiskárna formát neurčí, bývá PDF bezpečnější než EPS, zatímco web je vždy SVG. Každý ze tří formátů má vlastní úkol, není mezi nimi absolutní nejlepší, je jen správná shoda s danou situací.

  • Pro web: bez váhání SVG;
  • Když tiskárna chce EPS nebo AI: otevřete SVG v Illustratoru či Inkscape a uložte v požadovaném formátu;
  • Když dostanete EPS nebo AI a chcete ho na web: otevřete ho v grafickém programu, exportujte SVG a zkomprimujte pomocí SVGO;
  • Pro dlouhodobou archivaci: ponechte zdrojový soubor AI a uložte si vedle něj kopii SVG, čímž skombinujete editovatelnost a univerzálnost.

Stále pracujete s bitmapovým logem? nástrojem Logo na vektor převeďte bitmapu na SVG — zdarma, bez registrace; celý postup najdete v návodu na vektorizaci loga. Obecnou převod bitmap vám zajistí nástroj Obrázek na SVG a o tom, co SVG přináší, si přečtěte 6 výhod SVG.

Časté dotazy

Lze soubor AI použít přímo na webové stránce?

Ne. Prohlížeče formát AI nepodporují, takže jej před použitím na webu exportujte do SVG nebo PNG v Illustratoru či podobném programu.

Tiskárna chce EPS, ale mám jen SVG — co teď?

Otevřete SVG v Illustratoru nebo Inkscape a uložte či exportujte jako EPS; informace o cestách zůstane zachována v plném rozsahu.

Vyzkoušejte hned

Máte hotovo? Procvičte si to s bezplatnými nástroji PolySVG:

Čtěte dál