Jak převést logo na vektor (SVG), aby bylo ostré v jakékoli velikosti

Tiskárna chce logo na polep auta „ve vektorech“, grafik na webu se ptá po SVG a vy máte jen malé PNG staženého z e-mailového podpisu. Po zvětšení je rozmazané a na okrajích zubaté. Vektorizace z něj udělá soubor, který se dá zvětšit na billboard a zůstane ostrý.

Rastr, nebo vektor

Rastr (JPG, PNG, WebP) je mřížka barevných bodů. Má pevný počet pixelů, a když ho zvětšíte, program musí body dopočítávat. Proto se zvětšené logo rozmaže.

Vektor (SVG, PDF, EPS, AI) místo bodů popisuje tvary: tady je kruh, tady křivka, tahle plocha je modrá. Zvětšit ho jde libovolně, protože se tvary pokaždé znovu vykreslí.

Pro loga, ikony a piktogramy je vektor správný formát. Pro fotky ne: fotka nemá plochy a tvary, má jemné přechody, a ty se do křivek převádějí špatně.

Kdy automatická vektorizace funguje

Nástroj obrázek rozdělí na barevné oblasti a hranici každé z nich proloží hladkými křivkami. Dobře to jde u:

• log a znaků s několika plnými barvami,
• ikon a piktogramů,
• kreslených ilustrací s jasnými obrysy,
• černobílých kreseb, podpisů a razítek.

Hůř u fotek, přechodů a stínů. Fotka převést jde, ale výsledek bude vypadat plakátově, rozpadlý do několika barevných ploch. Někdy je to přesně ten efekt, který chcete, na polep nebo tričko ale ne.

Postup

1. Vezměte co největší a nejčistší předlohu. Z loga o šířce 150 pixelů se tvary odhadují obtížně. Když máte na výběr, sáhněte po největším souboru, klidně po screenshotu z webu ve velkém přiblížení.
2. Otevřete Vektorizaci obrázku a zvolte typ předlohy: logo a ilustrace slučuje barvy do plných ploch, fotka nechá jemnější odstupňování, černobílá kresba udělá jedinou černou vrstvu.
3. Nastavte počet barev. Logo má obvykle dvě až pět barev. Když jich nastavíte víc, vektorizace zachová i šum a přechody na okrajích a výsledek zbytečně nabobtná.
4. Dolaďte detail. Posuvník detailu určuje, jak malé plošky zůstanou. U loga je snižte, drobné tečky bývají jen nečistoty z komprese.
5. Vypněte pozadí. Každou barvu ve výsledku jde jedním klepnutím vypnout. Bílý obdélník kolem loga tak zmizí a SVG má průhledné pozadí.
6. Porovnejte s originálem přepínačem nad náhledem a stáhněte SVG.

Celé to běží přímo ve vašem prohlížeči, obrázek ani hotové SVG nikam neposíláme.

Na co si dát pozor

Písmo se nepřevede na písmo. Vektorizace z textu v logu udělá tvary, ne upravitelný text. Pro tisk je to v pořádku, dokonce žádoucí. Když ale potřebujete text měnit, musíte ho v grafickém programu přepsat správným písmem.

Automat není grafik. U jednoduchého loga je výsledek často k nerozeznání od originálu. U složitějšího znaku s tenkými linkami a jemnými detaily se vyplatí, aby ho grafik obtáhl ručně. Automatická vektorizace je ale dobrý podklad i pro něj.

Zkontrolujte výsledek ve velkém. Přibližte si SVG na několikanásobek. Zubaté okraje, nechtěné tečky nebo slité plochy jsou vidět až při zvětšení, a tam je uvidí i tiskárna.

Když potřebujete zpátky rastr

Pro web, e-mailový podpis nebo sociální sítě se občas hodí PNG v přesné velikosti. SVG do PNG vektor vykreslí v libovolné šířce, klidně ve dvojnásobku pro ostré zobrazení na displejích s vysokým rozlišením. Stáhnout jde PNG s průhledností, JPG i WebP.

A když máte rastrové logo s bílým pozadím a potřebujete jen to pozadí zprůhlednit, bez převodu do vektoru, stačí Odstranění barvy: klepnete na bílou a zmizí.

Časté otázky

Jaký obrázek se na vektorizaci hodí nejlíp?

Ploché tvary s jasně oddělenými barvami: loga, ikony, znaky a kreslené ilustrace. Fotky převést jdou, výsledek ale vypadá plakátově.

Proč má moje SVG tolik barev a je velké?

Předloha nejspíš obsahuje přechody nebo šum z komprese JPG. Snižte počet barev a detail, u loga obvykle stačí dvě až pět barev.

Dá se text ve vektorizovaném logu upravovat?

Ne. Text se převede na tvary. Pokud ho potřebujete měnit, přepište ho v grafickém programu správným písmem.

Odesíláte obrázek na server?

Ne. Celá vektorizace běží ve vašem prohlížeči, obrázek ani hotové SVG nikam neposíláme.

Přijme SVG tiskárna?

Většina ano. Některé tiskárny chtějí PDF nebo EPS. SVG otevře každý běžný grafický program a do PDF ho z něj uložíte jedním exportem.