Gratis omformer

SVG til PNG Konverter

Konverter Vector SVG-filer til Raster PNG-bilder av høy kvalitet. Tilpass utdataskala og bakgrunnsfarge enkelt i nettleseren din.

Dra og slipp SVG her

Støtter opptil 50 MB

Eller

Om dette verktøyet

SVG (Scalable Vector Graphics) beskriver bilder som et sett med geometriske primitiver – baner, former, tekst, gradienter – som skaleres til alle størrelser uten tap av kvalitet. PNG lagrer et enkelt rektangulært pikselrutenett med en fast oppløsning. Konvertering av SVG til PNG er et rasteriseringstrinn: SVGs tegneinstruksjoner evalueres ved en valgt pikselstørrelse, og den resulterende bitmap er kodet som PNG. Utgangen ser skarp ut med størrelsen du spesifiserte, men piksler hvis den skaleres opp.

Denne omformeren gjengir SVG ved hjelp av nettleserens innebygde SVG-motor. SVG-en lastes inn i et bildeelement, tegnes på et HTML5-lerret med de valgte utdatadimensjonene og eksporteres som PNG via canvas.toBlob. Fordi nettleseren gjør rasteriseringen, gjengis komplekse SVG-funksjoner – gradienter, filtre, masker, animasjoner som en statisk ramme – på samme måte som de ville gjort på en ekte nettside.

Den viktigste avgjørelsen i SVG-til-PNG-konvertering er målstørrelse. SVG er oppløsningsuavhengig, så hvis du velger en PNG-størrelse som samsvarer med den faktiske bruken, unngås over-provisjonering (store filer for ikoner på størrelse med miniatyrbilder) og under-provisjonering (uskarpe utdata når de skaleres opp senere). Vanlige mål: 32×32 eller 64×64 for ikoner, 256×256 eller 512×512 for logoer, 1024×1024 for heltegrafikk, 2048×2048 for eiendeler av netthinnekvalitet.

Hvorfor konvertere SVG til PNG

SVG er fantastisk for nettet og moderne designverktøy, men forferdelig for mange andre sammenhenger. E-postklienter gjengir SVG inkonsekvent; noen blokkerer det som en sikkerhetsrisiko. Eldre kontorprogramvare, visse CMS-er, tredjepartstjenester og nesten alle fotoutskriftspipelines godtar ikke SVG i det hele tatt. Konvertering til PNG produserer et universelt akseptert raster som ser identisk ut med den valgte størrelsen.

PNG bygger også pålitelig inn i kontordokumenter, lysbildestokker og PDF-er uten å være avhengig av mottakerens SVG-gjengiver. For logoer og grafikk som må vises konsekvent på tvers av mange plattformer, er PNG det tryggere valget – selv om det mister oppløsningsuavhengigheten som gjør SVG attraktivt i utgangspunktet.

Slik bruker du det

Velg målstørrelse, gjengi. Nettleseren gjør rasteriseringen.

  1. Last opp SVG-filen: Dra en SVG til opplastingsområdet eller klikk for å bla. Filer på opptil 50 MB støttes, selv om typiske SVG-er er godt under 1 MB. Selvstendige SVG-er fungerer best; SVG-er som refererer eksterne bilder via xlink:href til eksterne nettadresser, kan bli ufullstendige.
  2. Velg utdatastørrelse: Standard er SVGs native viewBox-dimensjoner, men du kan overstyre til hvilken som helst pikselstørrelse. Velg en størrelse som samsvarer med din faktiske bruk – unngå å produsere 4K PNG-er for ikoner som vises i 32×32.
  3. Gjengi: Nettleseren analyserer SVG-en, tegner den på et lerret med de forespurte dimensjonene, og eksporterer lerretet som PNG. Komplekse SVG-er med filtre eller store baneteller kan ta et øyeblikk; enkle ikoner gjengis umiddelbart.
  4. Last ned PNG: Lagre filen. Gjennomsiktighet i SVG (alt utenfor tegnede former) er bevart som en alfakanal i PNG.

Vanlige brukstilfeller

Tekniske detaljer

SVG (W3C Recommendation) er et XML-basert vektorformat med elementer for baner, grunnleggende former (rekt, sirkel, ellipse, linje, polygon, polylinje), tekst, gradienter (linearGradient, radialGradient), filtre, masker og klippbaner. Nettleseren analyserer XML, bygger en DOM, bruker CSS og rasteriserer resultatet under sidegjengivelse.

Denne omformeren laster SVG-en inn i et HTMLImageElement (som utløser nettleserens normale SVG-som-bilde-gjengivelsesbane), og trekker den deretter til et lerret via drawImage. Lerretet eksporteres som PNG ved hjelp av canvas.toBlob('image/png'). De nøyaktige pikslene i utdataene samsvarer med det SVG-en vil gjengi i samme størrelse i en nettleserfane.

Kanttilfeller: SVG som bruker fremmedObject støttes ikke alltid når det brukes via bildeelement. SVG som refererer til eksterne ressurser (xlink:href til et annet domene) kan ikke lastes inn på grunn av CORS. SMIL-animasjoner og JavaScript-drevne animasjoner gjengis bare som den første rammen.

Beste praksis

Ofte stilte spørsmål

Vil SVG-en min miste kvalitet når den konverteres til PNG?
Vektor-til-raster-konvertering betyr at bildet blir pikselbasert og ikke lenger kan skaleres i det uendelige. Velg en høy oppløsning for å sikre at PNG ser skarp ut med den tiltenkte skjermstørrelsen.
Hva brukes PNG-formatet til?
PNG (Portable Network Graphics) brukes først og fremst til grafikk med gjennomsiktighet, skjermbilder, logoer, ikoner.
Er det noen begrensninger å være klar over?
Filer på opptil 50 MB støttes. Svært store eller komplekse filer kan ta lengre tid å behandle. All konvertering skjer i nettleseren din, så behandlingshastigheten avhenger av enheten din.
Holdes bildene mine private under konvertering?
Ja. SVG-filene dine behandles utelukkende i nettleseren din ved hjelp av Canvas API og JavaScript. Ingenting lastes opp til noen server - filen går direkte fra enheten din til konverteren og tilbake til enheten din.
Er tekst gjengitt som tekst eller som baner?
Tekst er rasterisert som piksler i utdata-PNG. Utgangen er ikke lenger søkbar eller valgbar. Hvis SVG-en din bruker fonter som ikke er tilgjengelige i nettleseren, kan tekst gjengis i en reservefont; konverter tekst til baner i SVG før gjengivelse for garantert utseende.
Er SVG-en min lastet opp til en server?
Nei. SVG-parsing og gjengivelse skjer i nettleseren din; PNG-koding skjer i nettleseren din. Filen forlater ikke enheten.
Hvorfor er min konverterte PNG tom?
Vanlige årsaker: SVG refererer til eksterne bilder som ikke kunne lastes på grunn av CORS; SVG bruker funksjoner som ikke støttes av bildeelementgjengivelsesbanen (foreignObject, visse filtre); SVG har nulldimensjonal viewBox. Åpne SVG direkte i en nettleser for å bekrefte at den gjengis før konvertering.
Kan jeg konvertere SVG til PNG i et skript?
Ja – for batchjobber, gjengir et Node.js-oppsett som bruker skarp eller dukketeater SVG til PNG med lignende troskap til nettleseren. Dette verktøyet er for engangskonverteringer i nettleseren uten å installere noe.