Konvertera PNG till SVG gratis
PNG är den bästa rasterbilden att utgå från när du vill skapa vektorgrafik: kanterna är förlustfria och bakgrunden är ofta redan transparent. Ladda upp din PNG, välj hur många färger som ska behållas och ladda ner en SVG med former som du kan skala och redigera.
Bild till SVG
eller släpp JPG, JPEG, JFIF …-filer här ·
Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter
Filerna bearbetas på våra servrar och raderas efter 30 minuter.
Högre behåller små prickar och fin struktur; lägre tar bort former som är mindre än några pixlar och rensar bort brus.
Högre rundar av hackiga kanter från lågupplöst eller JPG-indata; lägre behåller skarpa hörn.
Mjuka kurvor för de flesta bilder, raka segment för geometriska logotyper, pixelkanter för att behålla pixelkonstens blockighet.
Endast för PDF som indata: vilka sidor som ska konverteras, t.ex. 1 eller 1-3, 5. Varje sida blir en egen fil.
Så använder du verktyget
- 1
Ladda upp din PNG
Släpp in en PNG-logotyp, ikon, dekal eller teckning, eller upp till 20 åt gången. Större exporter ger bättre vektorisering; en PNG som är 1000 px bred slår en favicon på 64 px.
- 2
Välj vektoriseringsläge
Låt Färgläge stå på Färg med 8 färger för en vanlig logotyp, byt till Svartvitt för streckteckningar, eller ställ in Antal färger på exakt det antal som din design har.
- 3
Ladda ner SVG-filen
Tryck på Vektorisera till SVG. Öppna filen och zooma in på en kurva. Om kanterna ser trappstegsformade ut höjer du Utjämning under Avancerade inställningar och kör igen.
Därför är PNG den bästa bilden att konvertera till SVG
PNG skapades 1995 som en patentfri ersättare för GIF och blev en W3C-rekommendation i oktober 1996. Komprimeringen är förlustfri, så en röd kant bredvid en vit kant förblir precis så, utan rippel eller block. För en vektoriserare är det den perfekta indatan: gränsen mellan två färger ligger precis där pixlarna visar, så den anpassade kurvan följer originaldesignen.
PNG kan också ha en alfakanal, ett separat opacitetsvärde för varje pixel. Logotyper och ikoner exporterade från Figma, Canva eller Photoshop använder den oftast, och den fungerar som en färdig mask: allt genomskinligt är bakgrund, allt ogenomskinligt är motiv. En JPEG av samma logotyp har en vit ruta inbakad, och därför kräver JPEG till SVG kraftigare utjämning och ofta Ta bort bakgrund.
Eftersom indatan är ren använder den här sidan Detaljnivå 70 och Utjämning 40, vilket behåller små hörn och seriffer som JPEG-sidorna jämnar ut. Vår guide om PNG till SVG går igenom dem med exempel.
Vektorisering i färg, gråskala eller svartvitt
Färg
Varje färgkluster blir ett eget lager av fyllda banor.
- 2–64 färger
- Behåller varumärkesfärger
- Staplade former, lätta att färga om
Gråskala
Som färgläget, men klustren är gråtoner.
- 2–64 grånivåer
- Inga färgstick
- Bra för blyerts och kol
Svartvitt
Ett enda snitt: varje pixel är antingen bläck eller ingenting.
- Tröskelvärde 1–254
- Minsta filen
- En enda uppsättning banor
Tröskelvärde för linjeteckningar från PNG till SVG
- 60
Bara det mörkaste bläcket klarar sig
- 128
Standardgräns vid mellangrått
- 170
Behåller svaga eller kantutjämnade streck
- 220
Ljusgrått blir svart; kanterna blir tjockare
PNG
Portable Network Graphics
PNG är ett förlustfritt rasterformat som publicerades 1996 av PNG Development Group och senare standardiserades av W3C och ISO. Det behåller varje pixel exakt, stöder full alfatransparens och hanterar text, skarpa kanter och släta färgytor utan artefakter. Den precisionen gör det idealiskt för skärmdumpar, logotyper, ikoner och gränssnittsgrafik. Nackdelen är storleken: foton som sparas som PNG är ofta flera gånger större än samma foto som JPEG eller WebP. Alla webbläsare, operativsystem och redigeringsprogram öppnar PNG-filer.
- Komprimering
- Förlustfri
- Transparens
- Ja
- Animation
- Nej
- Introducerades
- 1996 · PNG Development Group
SVG
Scalable Vector Graphics
SVG är ett XML-baserat vektorformat som W3C standardiserade 2001. I stället för pixlar beskriver det former, banor och text, så det förblir skarpt i alla storlekar och är oftast mycket litet för logotyper och ikoner. Det stöder transparens, CSS-formatering, skript och animation, och alla webbläsare återger det direkt. SVG lämpar sig inte för foton, och komplexa illustrationer kan bli långsamma att rendera. Illustrator, Inkscape, Figma och webbläsare kan öppna och redigera det.
- Komprimering
- –
- Transparens
- Ja
- Animation
- Ja
- Introducerades
- 2001 · W3C
En PNG har redan skarpa kanter och ofta en genomskinlig bakgrund, så man vektoriserar den till SVG för att få en logotyp eller ikon som skalas för tryck, skärmaskiner och responsiva webbplatser; SVG till PNG går åt andra hållet och renderar vektorgrafik till pixlar för appar som inte kan läsa SVG.
Förbered din PNG före vektoriseringen
Exportera stort
Spara PNG-filen i två till tre gånger visningsstorleken. Kurvor anpassas efter pixelkanter, så fler pixlar ger mer exakta kurvor.
Platta till effekter
Skuggor, glöd och toningar blir var och en dussintals tunna band. Dölj dem före exporten och lägg till dem igen i SVG-filen vid behov.
Räkna dina färger
Notera hur många enfärgade toner designen använder och ange det talet. För CNC- eller laserjobb vektoriserar PNG till DXF samma fil till ett CAD-format.
Konvertera PNG till SVG: vanliga frågor
Kan jag konvertera PNG till SVG gratis utan att skapa ett konto?
Ja. Ladda upp, vektorisera och ladda ner utan konto, med upp till 20 filer per omgång. Uppladdade PNG-filer och färdiga SVG-filer tas bort från servern efter 30 minuter.
Vad händer med de transparenta delarna av min PNG?
PNG-filens alfakanal talar om för vektoriseraren vilka pixlar som ingår i motivet, så helt genomskinliga områden förblir tomma i stället för att bli en vit form. Du behöver oftast inte Ta bort bakgrund; aktivera det bara om PNG-filen har en vit eller färgad bakgrund inbakad.
Varför har min vektoriserade PNG-ikon en svag kontur runt varje form?
Mjuka PNG-kanter är kantutjämnade: de yttersta pixlarna är halvgenomskinliga eller en blandning av två färger. Vektoriseraren kan tolka blandningen som en extra tunn färg. Sänk Antal färger med en eller två, eller höj Utjämning, så smälter ljusringen in i formen.
Hur står sig detta mot Bildspårning i Illustrator eller Spåra bitmapp i Inkscape?
Tillvägagångssättet är detsamma: minska färgerna, hitta kanterna, anpassa kurvor. Illustrator har förinställningar som Black and White Logo och 16 Colors, och Inkscape erbjuder ljusstyrketröskel och flerfärgsskanning. Här motsvaras det av Färgläge, Antal färger och Tröskelvärde, utan något att installera.
Blir texten i min PNG redigerbar text i SVG-filen?
Nej. Bokstäver vektoriseras som konturformer, vilket bevarar utseendet men inte möjligheten att skriva om texten. Det passar en logotyp; för en skärmdump full av text går det snabbare att skriva om den.
Min PNG har exakt fem färger. Kan SVG-filen behålla dem exakt?
Ställ in Antal färger på 5. Vektoriseraren grupperar då alla pixlar i fem kluster, och i en PNG med plana färger hamnar klustren på de ursprungliga färgerna.