Utilia

SVG till PNG

Konvertera SVG till PNG, JPG eller WebP i webbläsaren med valfri bredd, höjd, skala eller DPI och med transparent eller färgad bakgrund. Utan uppladdning.

Eller klistra in SVG-kod
Format
Bakgrund

    Så konverterar du SVG till PNG

    1. Släpp en eller flera SVG-filer i släppytan, eller klicka på den för att välja dem. Du kan också öppna Eller klistra in SVG-kod, klistra in koden och klicka på Lägg till SVG-kod.
    2. Välj Utdatastorlek: - Skalfaktor multiplicerar SVG-filens egen storlek (2 ger en bild som är dubbelt så bred och dubbelt så hög); - Bredd (höjden följer) eller Höjd (bredden följer) behåller proportionerna; - Exakt bredd och höjd tvingar fram båda måtten; - Upplösning (DPI) renderar fysiska mått som 2in eller 50mm med vald DPI.
    3. Välj ett Format: PNG, JPG eller WebP. JPG och WebP har också ett reglage för Kvalitet.
    4. Under Bakgrund behåller du Transparent eller väljer Färg och anger Bakgrundsfärg.
    5. Klicka på Konvertera till bild. Varje fil får en rad med förhandsvisning, sin nya storlek i pixlar och en knapp Ladda ner. Ladda ner alla sparar filerna en och en; Ladda ner ZIP lägger dem i ett enda arkiv.

    Så beräknas storleken

    En SVG beskriver former, inte pixlar, så den kan ritas skarpt i vilken storlek som helst. Dess ”naturliga” storlek kommer från attributen width och height på rotelementet <svg>. När de saknas använder det här verktyget viewBox (till exempel ger viewBox="0 0 24 24" 24 × 24), vilket är vad webbläsare gör. Om SVG-filen saknar båda används webbläsarens standard på 300 × 150.

    Längder i fysiska enheter omvandlas med CSS-regeln 96 pixlar per tum: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Därför står det 96 vid DPI (96 = originalstorlek): vid 300 DPI blir en ikon som deklarerats med width="1in" 300 pixlar bred, vilket är vad ett tryckeri förväntar sig.

    Med Exakt bredd och höjd centreras en teckning vars proportioner skiljer sig från rutan och får tomma fält, enligt SVG-filens egen regel preserveAspectRatio; den sträcks aldrig om inte filen ber om det.

    Webbläsare kan inte skapa en canvas som är större än cirka 16,7 miljoner pixlar (till exempel 4 096 × 4 096). Om du ber om mer minskas storleken till den största bild som ryms och ett meddelande anger den slutliga storleken.

    PNG, JPG eller WebP?

    • PNG är förlustfritt och behåller transparens: det bästa valet för ikoner, logotyper och diagram.
    • JPG har ingen transparens, så transparenta områden fylls med bakgrundsfärgen. Använd det för stora illustrationer där filstorleken är viktigare än skarpa kanter.
    • WebP behåller transparens och är oftast mindre än PNG; alla moderna webbläsare visar det.

    Säkerhet och begränsningar

    Din SVG sätts aldrig in i sidan. Den ritas från en privat blob-adress som en vanlig bild, ett läge där webbläsare varken kör skript eller läser in något annat. Därför läses externa referenser inte in: webbteckensnitt från Google Fonts, bilder som länkas med URL och externa CSS-filer ignoreras, så text kan visas i ett standardteckensnitt. För att behålla exakt utseende kan du konvertera text till banor i ditt redigeringsprogram eller bädda in bilder som data-URI:er före konverteringen. Teckensnitt som är installerade på din dator kan fortfarande användas.

    Inget laddas upp: renderingen och kodningen sker i din webbläsare.

    Vanliga frågor

    Hur konverterar jag en SVG till en PNG med hög upplösning?

    Välj Skalfaktor och ange 4 eller 8, eller välj Bredd (höjden följer) och skriv den bredd du behöver, till exempel 2 000. Eftersom SVG-filen ritas om i den storleken i stället för att förstoras förblir kanterna skarpa.

    Kan jag behålla en transparent bakgrund?

    Ja. Behåll Transparent med PNG eller WebP. Bara JPG behöver en enfärgad bakgrund, och verktyget påminner dig när du väljer det.

    Varför ser min text annorlunda ut efter konverteringen?

    SVG-filen använder troligen ett webbteckensnitt som läses in från en annan webbplats. Av säkerhetsskäl kan bilder som ritas på det här sättet inte hämta externa filer. Konvertera texten till konturer i ditt vektorprogram, eller installera teckensnittet på din dator.

    Kan jag konvertera flera SVG-filer samtidigt?

    Ja. Släpp så många du vill; de delar samma inställningar för storlek, format och bakgrund. Använd Ladda ner ZIP för att få alla i en fil.

    Vilken DPI ska jag använda för utskrift?

    300 DPI är den vanliga standarden för tryck; 150 DPI räcker ofta för stora affischer som ses på avstånd. Skärmar använder inte DPI, så för webben väljer du en bredd i pixlar i stället.