Vektorisera PNG till SVG

PNG till SVG

Att vektorisera en PNG innebär att bildens pixlar spåras om till banor som kan skalas, färgas om och redigeras. Verktyget kör Potrace- och ImageTracer-algoritmer i webbläsaren för att omvandla enfärgade logotyper, ikoner och linjeteckningar till rena SVG-filer. Fotografiska PNG-bilder och mjuka gradienter vektoriseras dåligt; använd det för motiv med skarpa kanter och få färger.

Så fungerar vektorisering

  1. 1

    Släpp en PNG

    Bäst resultat får du från en tydlig källa: minst 512 px på längsta sidan och plana färgfält.

  2. 2

    Välj läge

    Monokromt, med en enfärgad Potrace-spårning, eller flerfärgat, med en posteriserad palett och en bana per färg.

  3. 3

    Justera tröskel och utjämning

    Tröskeln styr vad som räknas som svart; utjämningen rundar av hackiga pixeltrappor.

  4. 4

    Förhandsgranska och ladda ner

    Jämför rasterbilden och vektorversionen sida vid sida. När du är nöjd laddar du ner SVG:n.

Det som vektoriseras bra

Källa Förväntat resultat
Svart logotyp på vit bakgrund Ren SVG med en bana, mycket nära pixeloriginalet
Platt ikon med 2–4 färger Bra SVG med flera banor och skarpa kanter
Handritad tuschskiss Användbar med utjämning 3–5
Fotografi Dåligt, miljontals färger blir brusiga fläckar
Kantutjämnad skärmbild Okej efter tröskling, men subpixeldetaljer försvinner

Viktiga inställningar

  • Tröskelvärde (monokromt läge). Gränsen mellan det som fylls och det som blir transparent. Standard är 128; sänk värdet för tunna streck och höj det för att ta bort korniga bakgrunder.
  • Antal färger (flerfärgsläge). Antalet steg i paletten. 4–8 räcker för de flesta logotyper. Över 16 blir resultatet ofta brusigt och långsammare att rendera i SVG-visare.
  • Utjämning / hörntröskel. Hög utjämning rundar hörn; bra för organiska former, men dåligt för skarpa ikonkanter.
  • Banförenkling. Minskar antalet noder. Kraftig förenkling minskar filstorleken, men kan förvränga tunna linjer.

Efter export

Öppna SVG:n i Illustrator, Inkscape eller Figma och kontrollera nodtätheten. Handrensade banor blir nästan alltid mindre och mjukare än automatiskt spårade. För logotyper som ska tryckas är det ofta bäst att rita om formen manuellt med vektorspårningen som referens.

Vanliga frågor

Vektorspårning gör färgområden till banor. Fotografier innehåller miljontals toningar, så spårningen blir ett brusigt mosaikmönster av fläckar. För foton passar rasterformat som JPG eller WebP bättre.

Ja. Om käll-PNG:n har transparent bakgrund behåller den spårade SVG:n transparensen. För en JPG-källa bör du först använda ett verktyg som tar bort bakgrunden.

Ja. SVG:n använder standardelementet <path> med absoluta koordinater, som alla vektorredigerare kan läsa och låta dig ändra nod för nod.

512–2048 px på långsidan är idealiskt. Mycket små ikoner tappar detaljer; mycket stora bilder skapar tusentals noder och blåser upp SVG-filen.

Nej. Potrace körs som WebAssembly i webbläsaren. Ingenting skickas.

Relaterade verktyg