# SVG till PNG-konverterare: Från oändlig vektor till universellt raster
SVG (Scalable Vector Graphics) är det perfekta valet för webbdesign: oändligt skalbart, lättviktigt och redigerbart med vilken kodredigerare som helst. Men när du vill använda den logotypen eller ikonen i en mobilapp, dela den på sociala medier eller infoga den i en PowerPoint presentation, stöter du på patrull: de flesta av dessa plattformar stöder inte SVG. PNG-formatet är den universella lösningen: rastrerat, med en alfakanal och kompatibelt i absolut alla sammanhang.# SVG vs PNG: Vektorer för webben, raster för världen
SVG lagrar bilden som matematiska instruktioner: en Bézier kurva, en toning, en polygon. Det betyder att samma fil ser perfekt ut i 16 px eller 16 000 px. Det är det ideala formatet för din webbkod, CSS-animationer och alla element som behöver anpassas till olika skärmupplösningar utan kvalitetsförlust.PNG lagrar bilden som ett pixelrutnät med färg- och transparensinformation för varje pixel. Det är ett förlustfritt format, vilket innebär att kvaliteten bevaras helt. När en SVG väl har rastrerats till PNG är upplösningen fast. Därför är valet av rätt exportstorlek avgörande: vårt verktyg renderar i dubbel skala (2x) för att säkerställa skärpa på Retina och 4K skärmar.# Jämförelse: Lokal vs Molnkonvertering
Molnkonverterare
Verktyg som laddar upp dina filer till en fjärrserver.
- Din SVG-kod skickas till externa servrar
- Fjärr-rendering med inkonsekvent kvalitet
- Väntetid för uppladdning och bearbetning
- Begränsningar i storlek på SVG-filen
Vår Lokala Arkitektur
Direkt bearbetning på din hårdvara med Vanilla JS-teknik.
- Din SVG lämnar aldrig din webbläsare
- Rendering med den infödda webbläsarmotorn för maximal trohet
- PNG i 2x upplösning för skärmar med hög densitet
- Transparens bevaras med full alfakanal
# Hur det fungerar tekniskt
Processen börjar med att SVG-filen laddas in i ett JavaScript Image-element. När webbläsarmotorn har analyserat och renderat vektorns XML ritas den resulterande bilden på ett HTML5 Canvas vars dimensioner är dubbelt så stora som den ursprungliga SVG-storleken (2x skala). Detta ger en PNG med dubbelt så många pixlar per dimension, idealiskt för högupplösta skärmar.Till skillnad från konvertering till JPG behåller canvasen den fullständiga alfakanalen vid export till PNG: transparenta områden i den ursprungliga SVG-filen blir helt transparenta pixlar i den resulterande PNG-filen – ingen vit bakgrundsfyllning. Exporten använder metodentoDataURL('image/png') med förlustfri komprimering.Tips före rastrering
Välj din PNG-exportstorlek noggrant – att rastrera en SVG är en enkelriktad process: du kan inte återfå vektorerna från den resulterande PNG-filen. Behåll alltid den ursprungliga SVG-filen som masterkälla och generera PNG-filer i den högsta upplösning du någonsin kan tänkas behöva.# Användningsområden och kompatibilitet
- Exportera vektorlogotyper för PowerPoint eller Google Slides presentationer.
- Skapa PNG-ikoner för iOS, Android eller Progressive Web Apps.
- Dela SVG-design på Instagram, LinkedIn eller andra sociala medier.
- Infoga vektorillustrationer i Word-dokument eller PDF-filer.
- Generera PNG-miniatyrer av SVG-grafik för CMS-förhandsgranskning.