IMG.DIY / Extraverktyg / Bild till SVG

Bild till SVG

Gör en platt logotyp, ikon eller linjeteckning till en skalbar SVG — vektoriserad lokalt i din webbläsare.

Bild till SVG visual example
Integritet först: inget laddas upp.

From input to result

Choose a file, make the change, and download the result. Processing stays in your browser.

Bild till SVG: 1 · Choose input
1 · Choose input
Bild till SVG: 2 · Adjust and process
2 · Adjust and process
Bild till SVG: 3 · Download result
3 · Download result

Har du en logotyp eller ikon som bara finns som en liten PNG, och behöver den skarp i alla storlekar? Det här verktyget vektoriserar bilden till en SVG — en vektor av former och banor som skalar till valfri storlek utan att bli suddig. Välj en stil från platt till detaljerad och ladda ner SVG-filen.

Vektoriseringen körs i din webbläsare med imagetracer-motorn, så inget laddas upp. Låt oss vara ärliga om begränsningarna: den lyser på platta logotyper, ikoner och linjegrafik. Fotografier går också att vektorisera, men ger enorma, klumpiga filer — för foton vill du ha ett rasterformat, inte SVG.

Så här gör du

  1. Lägg till en bildSläpp in en PNG- eller JPG-logotyp, ikon eller skiss.
  2. Välj en stilPlatt/logotyp, detaljerad, posteriserad eller svartvit — förhandsvisningen uppdateras live.
  3. Ladda ner SVGSpara vektorn, redo att skalas till valfri storlek.

Det här verktyget spårar av en rasterbild — en PNG eller JPG — till en vektorbaserad SVG, direkt i din webbläsare. Bilden läses från en canvas på din egen dator, och imagetracer-motorn hittar formerna i den och ritar vektorbanor runt varje färgområde. Poängen med resultatet är att en SVG består av geometri, inte pixlar, så den förblir knivskarp oavsett om den används som favicon eller på en jättetavla, medan en PNG blir suddig så fort du skalar upp den. Släpp in en bild, välj en stilförinställning, jämför före/efter-förhandsvisningen och ladda ner din SVG.

Det är riktigt bra på platt material med rena kanter: logotyper, ikoner, enkla illustrationer, linjekonst, handtextning. Sådant har en liten palett och tydliga kanter, vilket är exakt vad en avspårare läser bra, så du får en prydlig, redigerbar SVG med en handfull former. Förinställningarna styr resultatet — Flat/logo håller färgerna få, Detailed tillåter fler, Posterized delar upp bilden i djärva, platta fält, Black & white reducerar den till två toner. Allt körs lokalt: inget laddas upp, det finns inget konto, och sidan fortsätter fungera offline när den väl laddats. Det här är riktig avspårning, inte en AI-omritning — verktyget följer dina pixlar i stället för att hitta på en snyggare bild.

Vad folk använder det till

Gör om en platt PNG-logotyp till en SVG som håller sig skarp från favicon till jättetavla

Vektorisera en enkel ikon eller linjeteckning så att du kan färga om den senare

Konvertera handtextning eller en signaturkontur till en redigerbar vektorform

Spåra av ett två- eller trefärgat märke för tryck, där skarpa kanter räknas i alla storlekar

Få in en illustration i SVG så att den skalar rent på högupplösta skärmar

Bygg om en liten, suddig logotyp som vektorbanor du kan snygga till i en editor

Varför IMG.DIY

Raster → vektor

Gör PNG/JPG till skalbara SVG-banor.

Stilförval

Platt, detaljerad, posteriserad eller svartvit.

Skalar rent

Skarp i alla storlekar, till skillnad från en utdragen rasterbild.

Privat

Vektoriseras lokalt — laddas aldrig upp.

Vanliga frågor

Vilka bilder fungerar bäst?
Platta logotyper, ikoner, enkla illustrationer och linjegrafik. Färre färger och rena kanter ger rena, kompakta SVG-filer.
Varför blir mitt foto en enorm SVG?
Foton har tusentals subtila färgområden, så vektoriseringen skapar ett enormt antal banor. SVG är fel format för foton — behåll dem som JPG/PNG.
Kan jag färga om SVG-filen efteråt?
Ja. Utdata är standard-SVG-banor, så du kan öppna den i en vektorredigerare och ändra fyllningar, storlekar och färger.
Laddas min bild upp?
Nej. Vektoriseringen körs helt i din webbläsare; bilden lämnar aldrig din enhet.
Vilken sorts bild ger den bästa avspårningen?
Något platt med rena kanter och ett litet antal solida färger — en logotyp, ikon, enkel illustration eller linjekonst. Avspåraren hittar varje färgfält och ritar en tät bana runt det, så en skarp, högupplöst källa med få färger ger en liten, skarp SVG. Mjuka gradienter och rörig detalj förvirrar den och skapar skräp.
Varför blir filen så enorm när jag spårar av ett foto?
Ett foto har tusentals subtilt olika färger och inga hårda kanter, så avspåraren måste approximera alltihop med staplade, överlappande fläckar av platt färg. Det ger en SVG som är mycket större än original-JPG:n och ser utsmetad ut snarare än fotografisk. Behåll rasterformat för foton och komprimera dem — SVG är till för former, inte kontinuerliga toner.
Kan jag ändra färgerna efter avspårningen?
Ja. Resultatet är en vanlig SVG av namngivna banor och fyllningar, så öppna den i en vektoreditor som Illustrator, Inkscape eller Figma och ändra hela regionens färg genom att redigera en enda fyllning. Du kan ange exakta hex-värden för varumärket, radera lösa former som avspårningen fångat upp, eller justera banor — avspårningen är en startpunkt, inte ett låst resultat.
Laddas min bild upp någonstans?
Nej. Hela avspårningen körs i din webbläsare — bilden läses från en canvas på din egen dator och lämnar aldrig enheten. Det finns inget konto och ingen server, och när sidan väl laddats fungerar den med nätverket avstängt, vilket är värt en del när det gäller en logotyp du helst inte skickar någon annanstans.

Relaterade verktyg

Guider & tips