IT Image Tools

Bild till SVG-konverterare

Konvertera PNG- eller JPG-bilder till skalbara SVG-vektorer i webbläsaren. Styr färger och detaljnivå, förhandsgranska resultatet och ladda ner — utan uppladdning.

🔒 Körs helt i din webbläsare — ingenting laddas upp

Drop a PNG, JPG or WebP image here or click to browse

Original
SVG preview
Advertisement

Gör om en rasterbild till en skalbar vektor

PNG- och JPG-filer består av pixlar, så de blir suddiga eller kantiga när du förstorar dem. En SVG beskriver i stället samma bild med matematiska former, vilket betyder att den förblir knivskarp i alla storlekar — på ett visitkort, en reklamskylt eller en mobilskärm med hög pixeltäthet. Den här bild till SVG-konverteraren följer konturerna av varje färgområde i din bild och bygger upp dem igen som vektorbanor. Den är perfekt för att återskapa en logotyp när du bara har en liten PNG, göra om en inskannad skiss eller namnteckning till ren linjegrafik, förbereda motiv för en skärplotter eller lasergravyr, eller skapa lätta ikoner till en webbplats.

Vektoriseringen sker helt i din webbläsare med hjälp av biblioteket imagetracerjs med öppen källkod. Din bild laddas aldrig upp, så konfidentiella utkast och kunders material stannar på din enhet. Stora bilder skalas först ner till den valda spårningsupplösningen för att processen ska gå snabbt, och den resulterande SVG-filen skalas sedan upp igen så att den behåller originalmåtten.

Välja färger, detaljnivå och utjämning

Reglaget för färger anger hur många enfärgade toner bilden reduceras till innan spårningen. Två färger ger en skarp svartvit schablon, 8–16 färger passar de flesta logotyper och illustrationer, och högre värden bevarar mer skuggning på bekostnad av en större fil. Inställningen detalj styr hur noggrant banorna följer pixlarna och hur liten en form får vara innan den ignoreras: ”Low” ger mjukt och kompakt resultat, ”High” behåller fina detaljer och pyttesmå prickar. Förhandsoskärpa dämpar brus och JPEG-artefakter före spårningen, vilket tar bort taggiga kanter och lösa prickar i foton och skanningar av låg kvalitet.

Tips för det renaste resultatet

Utgå från den största och renaste källbild du har och beskär bort allt du inte behöver. För logotyper kan du först prova få färger med detaljnivån ”Medium” och bara öka dem om delar försvinner. Håll koll på antalet banor och filstorleken som visas efter varje körning: en enkel ikon bör klara sig med tiotals eller hundratals banor, inte tiotusentals. Den nedladdade SVG-filen innehåller en viewBox, så den skalas responsivt i HTML och CSS, och den kan öppnas i valfri vektorredigerare för att färga om former, ta bort bakgrundslagret eller förenkla banorna ytterligare.

Hur man använder

  1. Lägg till en bildSläpp en PNG-, JPG- eller WebP-fil i rutan eller klicka för att bläddra.
  2. Välj alternativStäll in antal färger, detaljnivå, valfri utjämning och spårningsupplösning.
  3. VektoriseraKlicka på ”Vectorize” och jämför SVG-förhandsvisningen med originalet och dess filstorlek.
  4. Ladda ner SVGSpara den skalbara SVG-filen och använd den i din design eller på din webbplats.

Vanliga frågor

Laddas min bild upp för att konverteras till SVG?
Nej. Bilden avkodas och vektoriseras med biblioteket imagetracerjs direkt i din webbläsare. Filen lämnar aldrig din enhet.
Vilka bilder går bäst att vektorisera?
Logotyper, ikoner, platta illustrationer, tecknade bilder, namnteckningar och skärmdumpar med tydliga kanter och få färger. Detaljrika foton kan också spåras, men då blir SVG-filen stor och ser posteriserad ut.
Hur gör jag SVG-filen mindre?
Minska antalet färger, välj detaljnivån ”Low” och lägg till lite förhandsoskärpa. Varje färg blir ett eget lager av banor, så färre färger och färre små former innebär färre banor och en lättare fil.
Är resultatet en riktig vektorfil?
Ja. Resultatet innehåller bara SVG-banor fyllda med enfärgade toner, utan inbäddad bitmapp, så det kan skalas till valfri storlek och redigeras i Illustrator, Inkscape, Figma eller en textredigerare.
Advertisement