Gratis konverter

SVG til PNG Konverter

Konverter Vector SVG-filer til højkvalitets Raster PNG-billeder. Tilpas outputskala og baggrundsfarve nemt i din browser.

Træk og slip SVG her

Understøtter op til 50 MB

Eller

Om dette værktøj

SVG (Scalable Vector Graphics) beskriver billeder som et sæt af geometriske primitiver - stier, former, tekst, gradienter - der skaleres til enhver størrelse uden tab af kvalitet. PNG gemmer et enkelt rektangulært pixelgitter med en fast opløsning. Konvertering af SVG til PNG er et rasteriseringstrin: SVG's tegneinstruktioner evalueres ved en valgt pixelstørrelse, og den resulterende bitmap kodes som PNG. Outputtet ser skarpt ud i den størrelse, du har angivet, men pixelerer, hvis det skaleres op.

Denne konverter gengiver SVG ved hjælp af browserens indbyggede SVG-motor. SVG'et indlæses i et billedelement, tegnes på et HTML5-lærred ved de valgte outputdimensioner og eksporteres som PNG via canvas.toBlob. Fordi browseren udfører rasteriseringen, gengives komplekse SVG-funktioner - gradienter, filtre, masker, animationer som en statisk ramme - på samme måde, som de ville på en rigtig webside.

Den vigtigste beslutning i SVG-til-PNG-konvertering er målstørrelse. SVG er opløsningsuafhængig, så ved at vælge en PNG-størrelse, der matcher det faktiske forbrug, undgås overprovisionering (store filer til ikoner i miniaturestørrelse) og underprovisionering (sløret output, når det skaleres op senere). Fælles mål: 32×32 eller 64×64 for ikoner, 256×256 eller 512×512 for logoer, 1024×1024 for heltegrafik, 2048×2048 for nethindekvalitetsaktiver.

Hvorfor konvertere SVG til PNG

SVG er vidunderligt til internettet og moderne designværktøjer, men forfærdeligt til mange andre sammenhænge. E-mail-klienter gengiver SVG inkonsekvent; nogle blokerer det som en sikkerhedsrisiko. Ældre kontorsoftware, visse CMS'er, tredjepartstjenester og næsten alle fotoprintpipelines accepterer slet ikke SVG. Konvertering til PNG producerer et universelt accepteret raster, der ser identisk ud ved den valgte størrelse.

PNG indlejres også pålideligt i office-dokumenter, dias decks og PDF'er uden at være afhængig af modtagerens SVG-renderer. For logoer og grafik, der skal vises konsekvent på tværs af mange platforme, er PNG det sikrere valg - selvom det mister den opløsningsuafhængighed, der gør SVG attraktivt i første omgang.

Sådan bruger du det

Vælg din målstørrelse, gengiv. Browseren udfører rasteriseringen.

  1. Upload SVG-filen: Træk en SVG ind i uploadområdet, eller klik for at gennemse. Filer på op til 50 MB understøttes, selvom typiske SVG'er er langt under 1 MB. Selvstændige SVG'er fungerer bedst; SVG'er, der henviser til eksterne billeder via xlink:href til eksterne URL'er, kan blive ufuldstændige.
  2. Vælg outputstørrelsen: Standard er SVG's native viewBox-dimensioner, men du kan tilsidesætte til enhver pixelstørrelse. Vælg en størrelse, der matcher dit faktiske forbrug - undgå at producere 4K PNG'er til ikoner, der vises i 32×32.
  3. Render: Browseren analyserer SVG'en, tegner den på et lærred med de ønskede dimensioner og eksporterer lærredet som PNG. Komplekse SVG'er med filtre eller store stiantal kan tage et øjeblik; simple ikoner gengives med det samme.
  4. Download PNG: Gem filen. Gennemsigtighed i SVG (alt uden for tegnede former) bevares som en alfakanal i PNG.

Almindelige anvendelsestilfælde

Tekniske detaljer

SVG (W3C Recommendation) er et XML-baseret vektorformat med elementer til stier, grundlæggende former (ret, cirkel, ellipse, linje, polygon, polylinje), tekst, gradienter (linearGradient, radialGradient), filtre, masker og klipstier. Browseren analyserer XML, bygger en DOM, anvender CSS og rasteriserer resultatet under sidegengivelse.

Denne konverter indlæser SVG i et HTMLImageElement (som udløser browserens normale SVG-as-image-gengivelsessti), og tegner det derefter til et lærred via drawImage. Lærredet eksporteres som PNG ved hjælp af canvas.toBlob('image/png'). De nøjagtige pixels i outputtet matcher, hvad SVG ville gengive i samme størrelse på en browserfane.

Kanttilfælde: SVG ved hjælp af fremmedObject understøttes ikke altid, når det bruges via billedelement. SVG, der henviser til eksterne ressourcer (xlink:href til et andet domæne), kan muligvis ikke indlæses på grund af CORS. SMIL-animationer og JavaScript-drevne animationer gengives kun som den indledende ramme.

Bedste praksis

Ofte stillede spørgsmål

Vil min SVG miste kvalitet, når den konverteres til PNG?
Vektor-til-raster-konvertering betyder, at billedet bliver pixel-baseret og ikke længere kan skaleres uendeligt. Vælg en høj opløsning for at sikre, at PNG ser skarp ud ved din tilsigtede skærmstørrelse.
Hvad bruges PNG-format til?
PNG (Portable Network Graphics) bruges primært til grafik med gennemsigtighed, skærmbilleder, logoer, ikoner.
Er der nogen begrænsninger, man skal være opmærksom på?
Filer på op til 50 MB understøttes. Meget store eller komplekse filer kan tage længere tid at behandle. Al konvertering sker i din browser, så behandlingshastigheden afhænger af din enhed.
Holdes mine billeder private under konverteringen?
Ja. Dine SVG-filer behandles udelukkende i din browser ved hjælp af Canvas API og JavaScript. Intet uploades til nogen server - filen går direkte fra din enhed til konverteren og tilbage til din enhed.
Er tekst gengivet som tekst eller som stier?
Tekst er rasteriseret som pixels i output-PNG. Outputtet er ikke længere søgbart eller valgbart. Hvis din SVG bruger skrifttyper, der ikke er tilgængelige i browseren, kan tekst gengives i en reserveskrifttype; konverter tekst til stier i SVG før gengivelse for garanteret udseende.
Er min SVG uploadet til en server?
Nej. SVG-parsing og gengivelse sker i din browser; PNG-kodning sker i din browser. Filen forlader ikke din enhed.
Hvorfor er min konverterede PNG tom?
Almindelige årsager: SVG refererer til eksterne billeder, der ikke kunne indlæses på grund af CORS; SVG'en bruger funktioner, der ikke understøttes af billedelementgengivelsesstien (foreignObject, visse filtre); SVG har nuldimensional viewBox. Åbn SVG direkte i en browser for at bekræfte, at den gengives før konvertering.
Kan jeg konvertere SVG til PNG i et script?
Ja – for batchjobs gengiver en Node.js-opsætning ved hjælp af skarp eller dukketeater SVG til PNG med samme troskab som browseren. Dette værktøj er til engangskonverteringer i browseren uden at installere noget.