Úprava SVG online: prefarbenie a odstránenie pozadia bez inštalácie softvéru

1. Čo dokáže online SVG editor

Prvá myšlienka pri úprave SVG je zvyčajne nainštalovať Illustrator, ale na ľahké úlohy, ako je prefarbenie, odstránenie pozadia alebo zmazanie prvkov, online editor úplne stačí. Online SVG editor PolySVG beží v prehliadači, je bezplatný, nevyžaduje inštaláciu ani registráciu a podporuje operácie na úrovni ciest: mazanie kliknutím, odstránenie pozadia jedným kliknutím, maľovanie štetcom, mazanie maskou, prefarbovanie, vracanie a opakovanie a napokon export do SVG alebo PNG. Môžete nahrať SVG priamo alebo si jedným kliknutím vziať výsledok prevodu z nástroja Obrázok na SVG. Pre dizajnérov je to dobrý spôsob záverečného upravenia pred odovzdaním; pre vývojárov rýchly spôsob, ako doladiť farbu a veľkosť ikon, kým sa dostanú na stránku, bez návratu do grafického nástroja.

2. Prefarbenie: dajte ikone novú farbu témy

Kliknite na farebný blok na ploche, čím vyberiete zodpovedajúcu cestu, a potom zmeňte výplň na paneli s farbami. Typické prípady: prepínanie sady ikon medzi svetlou a tmavou témou, nastavenie vektorizovaného loga na značkovú farbu a zjednotenie palety naprieč prvkami z rôznych zdrojov. Oproti hľadaniu atribútu fill v kóde je prefarbenie kliknutím oveľa intuitívnejšie a oveľa menej pravdepodobné, že poškodí iné cesty.

3. Odstránenie pozadia: automaticky a ručné upravenie

Kliknite na „odstránenie pozadia jedným kliknutím“ a motor rozpozná dominantnú farbu po okraji a odstráni vrstvu pozadia, takže SVG s bielym pozadím je za pár sekúnd priehľadné. Každú zostávajúcu cestu pozadia môžete vybrať myšou a odstrániť. Ak máte stále raster, použite nástroj obrázok na priehľadný vektor a preveďte aj odstráňte pozadie v jednom kroku, potom upravenie dokončite v editore.

4. Štetec a gumička: maľovanie a mazanie

Štetec je aditívny: maľuje chýbajúce ťahy a stopy sa automaticky vektorizujú do nových ciest a zapĺňajú pôvodnú kresbu — ideálne na opravu prerušených čiar vo vektorizovanom logu. Gumička je subtraktívna: maskou skryje oblasť bez zničenia pôvodných údajov ciest a ak zmažete priveľa, dá sa to vrátiť. Oba nástroje spolupracujú s vracaním a opakovaním, takže môžete voľne experimentovať. Stopy štetca sa do súboru pridávajú ako samostatné cesty a neskôr sa dajú prefarbovať kliknutím; účinok masky gumičky sa aplikuje pri exporte, takže exportovaný SVG zodpovedá tomu, čo vidíte na ploche.

5. Vracanie, opakovanie a export

Editor si drží úplnú históriu vašich krokov: chybu vrátite a zopakujete, ak si rozmyslíte inak. Keď budete hotoví, exportujte SVG pre web alebo ďalšie úpravy, alebo exportujte PNG do dokumentov či ako náhľadový obrázok. Ako otvárať a zobrazovať súbory SVG, sa dozviete v sprievodcovi Ako otvoriť súbor SVG; priamy odkaz na editor je /editor. Pri exporte PNG zvoľte dostatočne vysoké rozlíšenie, aby bol obrázok v dokumente ostrý; pre web exportujte SVG, aby zostali zachované vektorové vlastnosti.

6. Rýchly prehľad bežných úloh

• Prefarbenie ikon podľa témy: kliknite na cestu a zmeňte jej výplň, potom exportujte jednu verziu pre svetlú a jednu pre tmavú tému;
• Transparentné pozadie prvku s bielym pozadím: odstránenie pozadia jedným kliknutím, odstránenie zostávajúcich ciest, export priehľadného SVG;
• Oprava prerušených čiar v logu: prejdite štetcom po medzere, aby sa stopy automaticky vektorizovali, potom rovnomerne prefarbte;
• Odstránenie nežiaducich prvkov: kliknite na každý farebný blok, ktorý nepotrebujete, a odstráňte ho, na okraje použite gumičku;
• Obrázky do dokumentov: po dokončení úprav exportujte PNG a vložte ho do Wordu, PowerPointu alebo do chatu.