SVG är det självklara formatet för logotyper, ikoner och illustrationer eftersom det är en vektor – det beskriver former med matematik, så det förblir helt skarpt i alla storlekar samtidigt som filstorleken är pytteliten. Men inte alla verktyg förstår SVG. Sociala plattformar, presentationsprogram, många bildredigerare och en hel del uppladdningsformulär förväntar sig en rasterbild som PNG. När det händer konverterar du SVG till PNG.
Den här guiden förklarar hur du konverterar SVG till PNG utan att resultatet blir suddigt, den enda inställning som spelar störst roll, och när du i stället bör behålla din SVG.
Vektor vs raster: varför konverteringen behöver en storlek
Den avgörande skillnaden mellan SVG och PNG förklarar allt om hur man konverterar mellan dem. En SVG är upplösningsoberoende: den har inga fasta pixelmått och kan ritas i vilken storlek som helst vid behov. En PNG är ett fast rutnät av pixlar, så den har en specifik upplösning inbakad.
Att konvertera SVG till PNG kallas att rastrera: vektorn renderas till ett rutnät av pixlar i en vald storlek. Det valet av storlek är det enskilt viktigaste beslutet i konverteringen, eftersom när PNG-filen väl finns kommer en förstoring bortom dess upplösning att göra den suddig – precis den begränsning som SVG var utformad för att undvika.
Välj rätt upplösning
För att hålla din PNG skarp bör du rendera den i den största storlek du faktiskt kommer att visa den i, eller större. Några riktlinjer:
- **Matcha visningsstorleken.** Om en logotyp ska visas i 300 pixlar bred, exportera PNG-filen minst så bred.
- **Ta hänsyn till skärmar med hög upplösning.** Moderna telefoner och bärbara datorer packar in extra pixlar, så att exportera i två eller tre gånger visningsstorleken håller bilden skarp på dem.
- **Ta i ordentligt om du är osäker.** En PNG som är större än vad som behövs kan skalas ner snyggt; en som är för liten kan inte skalas upp utan att bli suddig.
Eftersom SVG inte har någon inneboende upplösning låter en bra konverterare dig välja utdatamåtten. Att välja en generös storlek är det enklaste sättet att garantera ett skarpt resultat.
Så konverterar du SVG till PNG
Det snabbaste sättet, utan något att installera, är en webbläsarbaserad konverterare. Använd den kostnadsfria SVG till PNG-konverteraren: lägg till din SVG, konvertera och ladda ner en PNG som är redo att användas överallt där rasterbilder accepteras. Den renderar vektorn till rena pixlar och bevarar transparens, så en logotyp på en transparent bakgrund förblir transparent.
Det här är idealiskt när du behöver en snabb PNG för en social profil, en presentation, ett dokument eller vilket verktyg som helst som inte tar emot en SVG direkt.
Transparens bevaras
En fördel med att konvertera till PNG i stället för JPG är transparens. PNG stöder en fullständig alfakanal, så de transparenta områdena i din SVG – utrymmet runt en logotyp, till exempel – förblir transparenta i PNG-filen. Om du i stället konverterade till JPG skulle dessa områden fyllas med en enfärgad yta, eftersom JPG inte har någon transparens. För logotyper och ikoner är PNG nästan alltid det rätta rastermålet.
När du bör behålla SVG
Konvertera bara till PNG när något kräver det. För allt du själv styr över – en webbplats, en app eller en designfil – bör du behålla SVG. Den förblir skarp på varje skärm och i varje storlek, den är vanligtvis mindre än en PNG med hög upplösning för enkel grafik, och den kan omformas med kod. Att rastrera till PNG låser bilden till en upplösning och förlorar dessa fördelar.
En praktisk vana: behåll SVG som din masterkopia och exportera PNG-filer från den när ett specifikt verktyg behöver en. På så sätt har du alltid det skalbara originalet att utgå från. För att läsa mer om formatet, se Vad är en SVG-fil.
SVG, PNG eller något annat?
Om du väger olika format mot varandra för ett projekt är den korta versionen: använd SVG för logotyper, ikoner och platta illustrationer; använd PNG när du behöver en rasterversion med transparens eller skarpa kanter; och använd JPG, WebP eller AVIF för fotografier. För hela beslutsramverket över alla format, se Så väljer du rätt bildformat för webben, och för rastertransparens i allmänhet, JPG vs PNG.