Så konverterar du SVG till PNG utan kvalitetsförlust

En SVG består inte av pixlar. Det är en uppsättning instruktioner: rita en linje här, fyll den här formen med den färgen, så att den kan ritas i vilken storlek som helst och förbli perfekt skarp. Det är därför logotyper och ikoner så ofta är i SVG-format: samma fil ser skarp ut både på ett visitkort och på en reklamskylt.

En PNG är motsatsen: ett fast rutnät av pixlar. Så snart du exporterar, säg, en bild som är 512 pixlar bred, är det vad du får. Förstora den bortom dess ursprungliga storlek och den blir kantig, precis som att zooma in på ett foto. Att konvertera SVG till PNG innebär att omvandla de där ritinstruktionerna till ett fast rutnät, ett steg som kallas rastrering.

Eftersom en PNG har en fast pixelstorlek finns det ingen enda "förlustfri" SVG-till-PNG-konvertering: du väljer en upplösning, och kvaliteten följer av det valet. Tricket är att rendera i tillräckligt hög upplösning utifrån hur du faktiskt kommer att använda bilden.

En bra tumregel är att exportera i två eller tre gånger den storlek du visar grafiken i. Om en logotyp ska visas 200 pixlar bred på en sida, exportera den då i 400 eller 600 pixlar så att den förblir knivskarp på högupplösta skärmar. Behöver du den för tryck? Gå ännu högre. Det enda verkliga misstaget är att exportera för litet och sedan förstora: det är det enda som synligt förstör kvaliteten.

Konverteringen körs på din enhet, så filen laddas aldrig upp:

• Öppna SVG → PNG-konverteraren och släpp din SVG i den.
• Ställ in utdatastorleken: ange den pixelbredd du vill ha (större värde betyder skarpare, och en större fil).
• Exportera och ladda ner din PNG.

Eftersom allt sker direkt i din webbläsare kan du gå offline efter att sidan har laddats och det fungerar ändå, ett bevis på att SVG:n inte skickas till någon server. Inget konto, inget vattenmärke och ingen gräns för hur många du konverterar.

SVG-filer har ofta en transparent bakgrund, och det förs rakt igenom: exportera till PNG så förblir de transparenta områdena transparenta, eftersom PNG stödjer en alfakanal. Din logotyp får inte plötsligt en vit ruta bakom sig.

Om du är osäker på vilken pixelbredd du ska välja, utgå från var bilden ska visas. En favikon kanske bara behöver 64 pixlar; en hero-bild kan behöva 2,000 pixlar eller mer. Är du osäker, välj en större storlek: du kan alltid komprimera PNG:n efteråt för att minska filen, men du kan inte lägga till detaljer i en bild som exporterades för liten. Och om du senare behöver en JPG istället, tar en PNG → JPG-konvertering bara en sekund.