Vad är detta verktyg?
SVG är ett vektorformat — former beskrivna med matematik, oändligt skalbara, idealiskt för logotyper och ikoner. Men många platser accepterar det inte: Word-dokument, de flesta sociala plattformar, e-postklienter och otaliga uppladdningsformulär vill ha pixelbilder. Att omvandla (rastrera) renderar vektorn till en PNG eller JPG i en specifik storlek.
Eftersom vektorer inte har någon fast upplösning väljer du utdatabredden — och eftersom källan är matematik är en export på 2048px exakt lika skarp som en på 256px. PNG-utdata bevarar SVG:ns transparenta bakgrund; JPG fyller den med vitt.
Varför använda det?
- Valfri upplösning från en källa: 256px favicon till 2048px tryckmaterial, allt pixelperfekt.
- PNG-utdata behåller transparens — logotyper passar på vilken bakgrund som helst.
- Fixar avvisade uppladdningar med "SVG stöds inte" på sekunder.
- Batchomvandling, lokal bearbetning, ingen uppladdning.
- Hanterar SVG:er utan explicit bredd/höjd genom att läsa deras viewBox.
Så använder du det
- Släpp .svg-filer på rutan eller klicka för att välja.
- Välj en utdatabredd — Auto använder SVG:ns egen angivna storlek.
- Välj PNG (behåller transparens) eller JPG (vit bakgrund).
- Ladda ner varje renderad bild; dimensioner visas per fil.
Exempel
Inmatning
logo.svg — 4 KB vektorResultat
logo.png — 1024×1024, transparent bakgrund, skarp vid varje pixelEn liten vektorkälla producerar pixelperfekta rastergrafik i vilken storlek du än begär.
Vanliga användningsfall
- Lägga till en företagslogotyp (vanligtvis levererad som SVG av en designer) i ett Word- eller PowerPoint-dokument som inte stöder SVG-inbäddning.
- Generera appikoner eller favicons i varje nödvändig pixelstorlek (16, 32, 180, 512px) från en huvud-SVG.
- Bifoga en ikon till en e-postsignatur, eftersom de flesta e-postklienter bara renderar rasterbilder.
- Ladda upp grafik till en sociala medier-plattform eller CMS som avvisar SVG-filer som en säkerhetsförebyggande åtgärd vid uppladdning.
Varför SVG-uppladdningsbegränsningar finns från början
Många plattformar blockerar specifikt SVG-uppladdningar av säkerhetsskäl, inte av förbiseende: eftersom SVG är XML-baserat och tekniskt kan bädda in JavaScript kan en illvillig SVG vara en vektor för skriptinjektion om en plattform renderar den osanerad. Att rastrera en SVG till PNG eller JPG tar bort allt utöver pixeldata, vilket är en anledning till att den här omvandlingen ofta krävs snarare än bara är bekväm — målplattformen kan genuint inte säkert acceptera vektorformatet, oavsett om din specifika SVG är ofarlig.
Hur upplösningsoberoendet faktiskt fungerar
En SVG-fil lagrar inte pixlar alls — den lagrar matematiska sökvägsdefinitioner ("dra en linje från denna punkt till den punkten", "fyll den här kurvan med den här färgen") och en viewBox som definierar koordinatutrymmet dessa sökvägar lever i. När du rastrerar den räknar webbläsarens renderingsmotor om varje kurva och fyllning i vilka pixeldimensioner du än begär, från grunden, varje gång. Det är fundamentalt annorlunda än att ändra storlek på en befintlig rasterbild (en JPG eller PNG), där förstoring innebär att uppfinna pixlar som aldrig fanns och oundvikligen ser suddigt ut — en SVG renderad vid 4000px är exakt lika skarp som en renderad vid 100px, eftersom båda beräknas färskt från exakt samma matematik, inte utsträckta från en mindre källa.
Vanliga frågor
Vilken upplösning bör jag exportera?
Matcha den största storleken du kommer visa, plus lite till: 512px täcker de flesta webblogotypanvändningar, 1024px+ för retinaskärmar och presentationer, 2048px för tryck. Till skillnad från foto-uppskalning kostar det ingenting i skärpa att exportera stort från SVG.
Varför visas min SVG tom eller trasig?
Vanligtvis externa referenser: SVG:er som länkar till externa bilder, typsnitt eller CSS kan inte ladda dessa inom webbläsarens säkerhetssandlåda. SVG:er med inbäddat (inline) innehåll omvandlas utan problem. Text kan också förskjutas om den använder ett typsnitt ditt system saknar.
PNG- eller JPG-utdata — vilken ska jag välja?
PNG nästan alltid: logotyper och ikoner behöver transparens och skarpa kanter, vilket PNG bevarar och JPG förstör. Välj JPG bara när målet strikt kräver det eller SVG:n är en fotoliknande illustration.
Kan jag omvandla PNG tillbaka till SVG här?
Nej — det är en fundamentalt annorlunda uppgift (att spåra pixlar till former) som i bästa fall ger uppskattningar. Det här verktyget går vektor → raster, vilket är exakt.
Laddas min SVG upp för omvandling?
Nej. Webbläsaren renderar SVG:n på en lokal canvas och kodar PNG/JPG på din enhet. Ingenting överförs.
Ska jag exportera min SVG som PNG eller JPG?
Om grafiken har transparens — en logotyp som måste passa på vilken bakgrund som helst — välj PNG: JPG saknar alfakanal och fyller transparenta områden med en solid färg. PNG är också bättre för skarpkantad grafik som ikoner och diagram. Välj JPG bara när SVG:n innehåller fotografiskt eller kraftigt gradientfyllt innehåll och filstorlek spelar större roll än kanter.