Jak upravovat soubory SVG v prohlížeči

SVG (Scalable Vector Graphics) ukládá obrázek jako tvary a cesty: matematiku, ne pixely. Proto logo uložené jako SVG zůstává dokonale ostré, ať už jde o favicon, nebo billboard, a proto je to správný formát pro ikony, loga a ilustrace. Znamená to také, že můžete otevřít soubor a upravovat skutečné tvary místo posouvání pixelů.

Úprava zdrojového SVG je téměř vždy lepší než úprava exportovaného PNG. Přesuňte kotevní bod a křivka zůstane hladká; změňte výplň a barva je přesná; změňte měřítko celého objektu a nic se nerozmaže. K tomu potřebujete editor, který rozumí vektorům.

Vektorový editor EditItAll otevírá soubory SVG přímo ve vašem prohlížeči:

• Otevřete editor a načtěte svůj soubor .svg: logo, sadu ikon nebo ilustraci.
• Pomocí výběrového nástroje (V) přesouvejte a měňte velikost celých objektů a pomocí nástroje pro přímý výběr (A) uchopujte jednotlivé kotevní body.
• Měňte barvu výplní a obrysů, upravujte libovolný text nástrojem text (T) a dolaďte tvary pomocí chytrých vodítek a klávesových zkratek ve stylu Illustratoru.

Vaše práce se automaticky ukládá do prohlížeče za chodu a celý editor pokračuje v provozu, i když po načtení stránky přejdete do režimu offline: jasný důkaz, že váš soubor se nikam neodesílá.

Skutečná síla spočívá v přetváření cest. Pen tool (P) umisťuje kotevní body s bezierovými úchyty, takže můžete překreslit křivku, přidat bod k logu nebo od začátku vykreslit nový tvar. Tužka slouží k volnému kreslení.

Chcete-li vytvářet složitější grafiku, slučujte jednodušší tvary pomocí booleovských operací: Sjednotit pro jejich sloučení, Odečíst přední pro vyříznutí jednoho tvaru z druhého, Průnik pro zachování pouze překrytí a Vyloučit pro jeho odstranění. Ty běží na geometrickém enginu s přesnou aritmetikou, takže výsledné hrany zůstávají čisté místo posouvání o zlomky pixelu. Takto proměníte pár obdélníků a kruhů v hotovou ikonu.

Až budete hotovi, uložte zpět jako .svg, aby soubor zůstal plně upravitelný, nebo exportujte PNG v 2×, když potřebujete rastrový obrázek pro web nebo dokument. Pokud už máte SVG a chcete jen PNG, provede to jedním krokem specializovaný převodník SVG na PNG.

Dvě upřímná omezení: editor čte standardní SVG, nikoli soubory .ai nebo .eps od Adobe, a nepodporuje gradientní síť, vzorové výplně ani barvu CMYK. Pro úpravu běžných log, ikon a ilustrací jako SVG ale vše, co potřebujete, funguje na vašem zařízení. Začněte otevřením vektorového editoru.