Gratis omvandlare

SVG till PNG Omvandlare

Konvertera Vector SVG-filer till högkvalitativa Raster PNG-bilder. Anpassa utdataskala och bakgrundsfärg enkelt i din webbläsare.

Dra och släpp SVG här

Stöder upp till 50MB

Eller

Om detta verktyg

SVG (Scalable Vector Graphics) beskriver bilder som en uppsättning geometriska primitiver — banor, former, text, gradienter — som skalas till valfri storlek utan kvalitetsförlust. PNG lagrar ett enda rektangulärt pixelrutnät med en fast upplösning. Att konvertera SVG till PNG är ett rastreringssteg: SVG:s ritningsinstruktioner utvärderas vid en vald pixelstorlek och den resulterande bitmappen kodas som PNG. Utdatan ser skarp ut med den storlek du angav men pixlar om den skalas upp.

Denna omvandlare återger SVG med hjälp av webbläsarens inbyggda SVG-motor. SVG:n läses in i ett bildelement, ritas på en HTML5-duk vid de valda utmatningsmåtten och exporteras som PNG via canvas.toBlob. Eftersom webbläsaren gör rastreringen, renderas komplexa SVG-funktioner – gradienter, filter, masker, animationer som en statisk ram – på samma sätt som de skulle göra på en riktig webbsida.

Det viktigaste beslutet i SVG-till-PNG-konvertering är målstorlek. SVG är upplösningsoberoende, så att välja en PNG-storlek som matchar den faktiska användningen undviker överprovisionering (stora filer för ikoner i miniatyrstorlek) och underprovisionering (suddig utdata när den skalas upp senare). Vanliga mål: 32×32 eller 64×64 för ikoner, 256×256 eller 512×512 för logotyper, 1024×1024 för hjältegrafik, 2048×2048 för tillgångar av näthinnakvalitet.

Varför konvertera SVG till PNG

SVG är underbart för webben och moderna designverktyg men hemskt för många andra sammanhang. E-postklienter återger SVG inkonsekvent; vissa blockerar det som en säkerhetsrisk. Äldre kontorsprogram, vissa CMS, tredjepartstjänster och nästan alla fotoutskriftspipelines accepterar inte SVG alls. Konvertering till PNG ger ett universellt accepterat raster som ser identiskt ut vid den valda storleken.

PNG bäddas även in på ett tillförlitligt sätt i kontorsdokument, bildspel och PDF-filer utan att vara beroende av mottagarens SVG-renderare. För logotyper och grafik som måste visas konsekvent på många plattformar är PNG det säkrare valet – även om det förlorar upplösningsoberoendet som gör SVG attraktivt i första hand.

Så här använder du det

Välj din målstorlek, rendera. Webbläsaren gör rastreringen.

  1. Ladda upp SVG-filen: Dra en SVG till uppladdningsområdet eller klicka för att bläddra. Filer upp till 50 MB stöds, även om typiska SVG:er är långt under 1 MB. Fristående SVG fungerar bäst; SVG:er som refererar externa bilder via xlink:href till fjärrwebbadresser kan bli ofullständiga.
  2. Välj utdatastorlek: Standard är SVG:s inbyggda viewBox-dimensioner, men du kan åsidosätta till valfri pixelstorlek. Välj en storlek som matchar din faktiska användning – undvik att producera 4K PNG för ikoner som visas i 32×32.
  3. Rendera: Webbläsaren analyserar SVG:en, ritar den på en duk med de begärda dimensionerna och exporterar duken som PNG. Komplexa SVG:er med filter eller stora sökvägar kan ta en stund; enkla ikoner återges omedelbart.
  4. Ladda ner PNG: Spara filen. Transparens i SVG (allt utanför ritade former) bevaras som en alfakanal i PNG.

Vanliga användningsfall

Tekniska detaljer

SVG (W3C Recommendation) är ett XML-baserat vektorformat med element för banor, grundläggande former (rät, cirkel, ellips, linje, polygon, polylinje), text, gradienter (linearGradient, radialGradient), filter, masker och klippbanor. Webbläsaren analyserar XML, bygger en DOM, tillämpar CSS och rastrar resultatet under sidrendering.

Den här omvandlaren laddar SVG till ett HTMLImageElement (som utlöser webbläsarens normala SVG-som-bild-renderingsväg), drar den sedan till en arbetsyta via drawImage. Arbetsytan exporteras som PNG med canvas.toBlob('image/png'). De exakta pixlarna i utdata matchar vad SVG skulle rendera i samma storlek på en webbläsarflik.

Kantfall: SVG som använder foreignObject stöds inte alltid när det används via bildelement. SVG som hänvisar till externa resurser (xlink:href till en annan domän) kan inte laddas på grund av CORS. SMIL-animationer och JavaScript-drivna animeringar återges endast som den första bildrutan.

Bästa metoder

Vanliga frågor

Kommer min SVG att förlora kvalitet när den konverteras till PNG?
Vektor-till-raster-konvertering innebär att bilden blir pixelbaserad och inte längre kan skalas oändligt. Välj en hög upplösning för att säkerställa att PNG ser skarp ut med din avsedda skärmstorlek.
Vad används PNG-formatet till?
PNG (Portable Network Graphics) används främst för grafik med transparens, skärmdumpar, logotyper, ikoner.
Finns det några begränsningar att vara medveten om?
Filer upp till 50 MB stöds. Mycket stora eller komplexa filer kan ta längre tid att bearbeta. All konvertering sker i din webbläsare, så bearbetningshastigheten beror på din enhet.
Hålls mina bilder privata under konverteringen?
Ja. Dina SVG-filer bearbetas helt i din webbläsare med Canvas API och JavaScript. Ingenting laddas upp till någon server – filen går direkt från din enhet till omvandlaren och tillbaka till din enhet.
Återges text som text eller som sökvägar?
Text rastreras som pixlar i utdata-PNG. Utdata är inte längre sökbar eller valbar. Om din SVG använder teckensnitt som inte är tillgängliga i webbläsaren, kan text återges i ett reservteckensnitt; konvertera text till sökvägar i SVG innan rendering för garanterat utseende.
Är min SVG uppladdad till en server?
Nej. SVG-parsning och rendering sker i din webbläsare; PNG-kodning sker i din webbläsare. Filen lämnar inte din enhet.
Varför är min konverterade PNG tom?
Vanliga orsaker: SVG refererar till externa bilder som inte kunde laddas på grund av CORS; SVG använder funktioner som inte stöds av renderingsvägen för bildelement (foreignObject, vissa filter); SVG har nolldimensionell viewBox. Öppna SVG direkt i en webbläsare för att bekräfta att den renderas innan du konverterar.
Kan jag konvertera SVG till PNG i ett skript?
Ja – för batchjobb, en Node.js-installation som använder sharp eller puppeer renderar SVG till PNG med liknande trohet som webbläsaren. Det här verktyget är till för engångskonverteringar i webbläsaren utan att installera något.