Převod do SVG
Loga, kresby a grafika ve vektorech, aby se při zvětšení nerozpixelovaly.
3 převody do SVG
SVG je vektorový formát webu: grafika, která zůstane ostrá v jakékoli velikosti, od ikony po banner. Tady ho získáte dvěma způsoby: vektorizací obrázku (obkreslíme tvary vašeho loga nebo kresby v PNG či JPG), nebo vytažením vektorů, které už PDF obsahuje. Nahoře vyberte převod podle souboru, který máte.
Co je formát SVG
SVG (Scalable Vector Graphics) je od roku 2001 otevřený standard W3C. Místo pixelů popisuje kresbu pomocí tvarů, čar a křivek v textovém souboru, takže ji lze neomezeně zvětšovat bez ztráty ostrosti, a když je grafika jednoduchá, zabírá obvykle velmi málo.
Zobrazí ho všechny současné prohlížeče a upravuje se v programech jako Inkscape (zdarma), Illustrator nebo Figma.
Kdy se SVG vyplatí
- Loga a ikony na webu: na každé obrazovce vypadají perfektně a jejich barvu změníte v CSS.
- Řezání a gravírování: Cricut Design Space, řezací plotry a lasery pracují s křivkami.
- Velkoformátový tisk: vývěsní štít nebo banner ze stejného souboru jako logo na vizitce.
- Úprava návrhu: přesouvání, přebarvování nebo mazání tvarů jednoho po druhém.
Pro fotky nemá smysl: SVG nedokáže popsat jemnosti fotografie několika tvary. Pro fotky použijte JPG nebo WebP.
Vektorizace obrázku, nebo převod PDF
Jde o dva různé postupy a je dobré vědět, který potřebujete:
- Z PNG nebo JPG nejsou žádné vektory ke zkopírování: obkreslíme tvary obrázku a změníme je na křivky s plnými barvami. Výborně to funguje u log, ikon, podpisů a kreseb, špatně u fotek.
- Z PDF, pokud dokument vznikl v grafickém nebo kancelářském programu, jsou vektory už uvnitř: vytáhneme je tak, jak jsou, nic neobkreslujeme. Pokud je PDF sken, každá stránka je obrázek a je třeba ji jako obrázek vektorizovat.
SVG, PNG a PDF v porovnání
| SVG | PNG | ||
|---|---|---|---|
| Obsah | Vektorové tvary | Pixely | Stránky s vektory, textem a obrázky |
| Zvětšení bez ztráty ostrosti | Ano | Ne | Ano (jeho vektory) |
| Zobrazení na webu | Přímo | Přímo | V prohlížeči PDF |
| Úprava tvar po tvaru | Ano | Ne | V grafických programech |
| Ideální pro | Loga, ikony, řezání | Snímky obrazovky, detailní obrázky | Dokumenty ke čtení a tisku |
Časté dotazy
Co je soubor SVG?
Vektorová grafika: místo pixelů ukládá tvary a křivky popsané textem. Proto ji lze zvětšit na jakoukoli velikost, aniž by se rozpixelovala, a prohlížeče ji zobrazí jako běžný obrázek.
Jakým programem otevřít SVG?
Každý prohlížeč ho zobrazí, když ho přetáhnete do karty. K úpravám je zdarma Inkscape; otevřou ho i Illustrator, Affinity Designer a Figma.
SVG, nebo PNG pro logo webu?
SVG, pokud je logo vektorové: málo zabírá, je ostré na každé obrazovce a v CSS se dá přebarvit. PNG je lepší jen tehdy, když má logo složité přechody nebo fotografické textury.
Jaký je rozdíl mezi vektorizací obrázku a převodem PDF do SVG?
Při vektorizaci obrázku PNG nebo JPG obkreslujeme jeho tvary, které předtím byly pixely. Při převodu PDF kopírujeme vektory, které dokument už měl, aniž bychom je překreslovali, pokud jeho stránky nejsou skeny.
Dá se fotka převést do SVG?
Dá, ale výsledek bude vypadat jako plakát s několika barvami a bude větší než fotka. SVG je určené pro loga, ikony a kresby s plnými barvami.