Redigera SVG online: färga om och ta bort bakgrunder utan att installera programvara

1. Vad den online-SVG-editorn kan göra

Den första tanken vid SVG-redigering är ofta att installera Illustrator, men för lätta uppgifter som att färga om, ta bort en bakgrund eller radera element är en online-editor mer än tillräcklig. PolySVG online-SVG-editor körs i webbläsaren, är gratis, kräver varken installation eller registrering och stöder operationer på sökvägsnivå: klicka och radera, borttagning av bakgrund med ett klick, målning med penseln, suddning med mask, ommålning, ångra och gör om samt export till SVG eller PNG. Du kan ladda upp en SVG direkt eller ta in ett konverteringsresultat med ett klick från verktyget Bild till SVG. För designers är det ett bra sätt att göra den slutliga städningen före leverans; för utvecklare ett snabbt sätt att justera ikoners färger och storlekar innan de placeras på en sida, utan att åka fram och tillbaka till ett designverktyg.

2. Ommålning: ge en ikon en ny temafärg

Klicka ett färgblock på arbetsytan för att välja den matchande sökvägen och ändra sedan fyllningen i färgpanelen. Typiska scenarier: att växla en ikonuppsättning mellan ljust och mörkt tema, att kalibrera en vektoriserad logotyp till sin varumärkesfärg och att harmonisera paletter över resurser från olika källor. Jämfört med att leta efter fyllningsattributet i koden är ommålning med klick mycket mer intuitiv och betydligt mindre riskfylld för övriga sökvägar.

3. Borttagning av bakgrunder: automatiskt och manuellt

Klicka ”borttagning av bakgrund med ett klick”, så identifierar motorn den dominerande kantfärgen och tar bort bakgrundslagret, vilket gör en SVG med vit bakgrund transparent på några sekunder. Varje kvarvarande bakgrundssökväg kan väljas med musen och raderas. Har du fortfarande en bitmap kan du använda verktyget bild till transparent vektor för att konvertera och ta bort bakgrunden i ett steg och sedan avsluta städningen i editorn.

4. Pensel och sudd: målning och radering

Penseln är additiv: den målar saknade linjer, och stråken vektoriseras automatiskt till nya sökvägar som smälter in i originalbilden — perfekt för att laga avbrutna linjer i en vektoriserad logotyp. Sudden är subtraktiv: den döljer en yta med en mask utan att förstöra den ursprungliga sökvägsdatan, och du kan ångra om du raderat för mycket. Båda fungerar tillsammans med ångra och gör om, så du kan experimentera fritt. Penselstråk läggs till i filen som oberoende sökvägar och kan senare färgas om med ett klick; suddens maskeffekt tillämpas vid exporten, så den exporterade SVG-filen matchar vad du ser på arbetsytan.

5. Ångra, gör om och export

Editorn behåller en fullständig historik över dina åtgärder: ångra ett misstag och gör om det om du ångrar. När du är klar exporterar du SVG för webben eller fortsatt redigering, eller exporterar du PNG för dokument eller som förhandsvisningsbild. Se Så öppnar du en SVG-fil för sätt att öppna och visa SVG-filer; editorns direkta länk är /editor. När du exporterar PNG väljer du en upplösning som är hög nog för att vara skarp i ett dokument; för webben exporterar du SVG för att behålla de vektoriska egenskaperna.

6. Snabb referens för vanliga redigeringsuppgifter

• Färga om ikoner till ett tema: klicka en sökväg och ändra dess fyllning, och exportera sedan en version för ljust och en för mörkt tema;
• Göra en resurs med vit bakgrund transparent: borttagning av bakgrund med ett klick, radera kvarvarande sökvägar, exportera transparent SVG;
• Laga avbrutna linjer i en logotyp: måla längs luckan med penseln så att linjerna vektoriseras automatiskt, och färga sedan om enhetligt;
• Radera oönskade element: klicka varje färgblock du inte vill ha och radera det, och använd sudden för kantdetaljer;
• Bilder till dokument: exportera en PNG när redigeringen är klar och släpp in den i Word, PowerPoint eller ett chatfönster.