SVG:n muokkaus verkossa: vaihda värejä ja poista tausta asentamatta mitään

1. Mitä verkkopohjainen SVG-editori osaa

Ensimmäinen reaktio SVG:n muokkaamiseen on usein Illustrattorin asentaminen, mutta kevyisiin tehtäviin, kuten värin vaihtoon, taustan poistoon tai elementtien poistoon, verkkopohjainen editori riittää hyvin. PolySVG:n verkkopohjainen SVG-editori toimii selaimessa, on ilmainen, ei vaadi asennusta eikä rekisteröitymistä ja tukee toimintoja polkutasolla: poisto napsautuksella, taustan poisto yhdellä napsautuksella, maalaus, pyyhinti maskilla, värin vaihto, kumoaminen ja uudelleenteko sekä lopuksi vienti SVG- tai PNG-muotoon. Voit ladata SVG:n suoraan tai tuoda muunnoksen tuloksen yhdellä napsautuksella Kuva → SVG -työkalusta. Suunnittelijoille se on hyvä viimeinen siivous ennen luovutusta; kehittäjille nopea tapa hienosäätää kuvakkeiden värejä ja kokoja ennen sivulle siirtämistä, ilman jatkuja edestakaisia hyppyjä suunnitteluohjelman ja koodin välillä.

2. Värin vaihto: anna kuvakkeelle uusi teemanväri

Napsauta canvaksella olevaa värilohkoa, niin vastaava polku valitaan, ja vaihda täyttöväri väripaneelissa. Tyypillisiä tilanteita ovat saman kuvakejoukon vaihtaminen vaalean ja tumman teeman välillä, vektoroidun logon sovittaminen brändiväriin sekä eri lähteistä peräisin olevien materiaalien väriskaalan yhdistäminen. Verrattuna fill-attribuutin etsimiseen koodista on värin vaihto napsautuksella huomattavasti selkeämpi eikä vahingoita muita polkuja yhtä helposti.

3. Taustan poisto: automaattisesti ja käsin

Napsauta ”Poista tausta yhdellä napsautuksella”, niin moottori tunnistaa reunojen päävärin ja poistaa taustakerroksen, ja valkoisella taustalla oleva SVG muuttuu läpinäkyväksi sekunneissa. Jäljelle jääneet taustapolut valitaan hiirellä ja poistetaan. Jos sinulla on edelleen vain rasteri, käytä kuvan muuntamiseen ja taustan poistoon tarkoitettua työkalua, jossa muunnus ja taustan poisto hoituvat yhdellä kertaa, ja viimeistele sitten siivous editorissa.

4. Maali ja pyyhin: piirtämistä ja pyyhintä

Maali lisää: se täydentää puuttuvat viivat, jolloin jäljet vektoroidaan automaattisesti uusiksi poluiksi ja sulautuvat alkuperäiseen grafiikkaan – täydellinen vektoroidun logon katkenneiden viivojen korjaamiseen. Pyyhin vähentää: se piilottaa alueen maskilla rikkomatta alkuperäisiä polkutietoja, ja liikaa pyyhkimistä voi kumota. Molemmat toimivat yhdessä kumoamisen ja uudelleenteon kanssa, joten niitä voi kokeilla vapaasti. Maalijäljet lisätään tiedostoon itsenäisinä polkuina, ja ne voidaan myöhemmin värjätä napsautuksella; pyyhintimaskin vaikutus toteutetaan viennin yhteydessä, joten viety SVG vastaa sitä, mitä näet canvaksella.

5. Kumoaminen, uudelleenteko ja vienti

Editor säilyttää täyden tapahtumahistoriasi: virheen voit kumota ja mielen muuttuessa tehdä uudelleen. Valmis työ viedään joko SVG:nä verkkoon tai jatkokäsittelyyn, tai PNG:nä dokumentteihin ja esikatselukuvaksi. Tapoja avata ja katsella SVG-tiedostoja käsittelee Näin avataan SVG-tiedosto; editorin suora linkki on /editor. PNG:tä vietäessä valitse riittävän suuri resoluutio, ettei kuva muutu asiakirjassa sameaksi; verkkosivulla vie SVG, jolloin vektorinomaisuus säilyy.

6. Yhteenveto tavallisista muokkaustilanteista

• Kuvakkeen värin vaihto teeman mukaan: napsauta polku ja vaihda täyttöväri, sitten vie yksi versio vaalealle ja toinen tummalle teemalle;
• Valkoisella taustalla olevasta materiaalista läpinäkyvä: poista tausta yhdellä napsautuksella, poista jäännöspolut ja vie läpinäkyvä SVG;
• Logon katkenneiden viivojen korjaus: täydennä kohta maalilla, jolloin jäljet vektoroidaan automaattisesti, ja sovita värit yhtenäisiksi;
• Tarpeettomien elementtien poisto: napsauta jokainen värilohko, jota et tarvitse, ja poista se, ja käsittele reunat pyyhimellä;
• Kuva dokumenttia varten: vie muokkausten jälkeen PNG ja lisää se Wordiin, PowerPointtiin tai keskusteluun.