Sådan bruger du det
- Vælg en .svg-fil (op til 5 MB), eller indsæt SVG-kode i feltet.
- Vælg en skalafaktor, f.eks. 2× til skærme med høj pixeltæthed, eller angiv en præcis bredde i pixels.
- Behold baggrunden gennemsigtig, eller vælg en farve.
- Tjek forhåndsvisningen, og download PNG'en eller WebP, hvis din browser understøtter det.
Sådan fungerer det
SVG er et vektorformat: figurer beskrives matematisk, så de kan gengives skarpt i enhver størrelse. PNG er et gitter af pixels, hvilket mange apps, dokumenter, mailklienter og sociale netværk kræver. Dette værktøj tegner SVG'en med din browsers egen renderingsmotor i den størrelse, du vælger, og gemmer pixels som PNG.
Startstørrelsen kommer fra SVG'ens width- og height-attributter. Absolutte enheder konverteres til pixels (1 in = 96 px, 1 pt = 1.33 px). Hvis kun én dimension eller ingen er angivet, giver viewBox proportionerne og størrelsen; uden nogen af delene bruger browsere 300 × 150. Relative værdier som 100% kan ikke fortolkes for en selvstændig fil, så viewBox bruges i stedet.
SVG'en indlæses som et billede, hvilket er den sikre måde at vise filer, du ikke har tillid til: scripts udføres ikke, og eksterne ressourcer som linkede billeder, webfonte og CSS-filer hentes ikke. Tekst, der er afhængig af en skrifttype, du ikke har installeret, bliver tegnet med en erstatningsskrifttype. XML'en kontrolleres først, så en tastefejl viser en klar fejl i stedet for et tomt billede.
Eksempler
App-ikon fra et SVG-logo
Et logo med viewBox="0 0 64 64" eksporteret med bredden 1024 giver en PNG på 1024 × 1024 med skarpe kanter, klar til en appbutik eller en favicon-generator.
Retina-billede til et website
En illustration, der er 400 × 300 ved 1×, eksporteret med skala 2 giver en PNG på 800 × 600, som forbliver skarp på skærme med høj pixeltæthed.
Dias eller dokument
Når du eksporterer en diagram-SVG i skala 3 med hvid baggrund, får du en PNG, som kan indsættes i præsentationssoftware, der ikke understøtter SVG.
Ofte stillede spørgsmål
Hvorfor vises min tekst med den forkerte skrifttype?
Skrifttyper, der hentes fra nettet, indlæses ikke, når en SVG tegnes som billede. Skrifttyper installeret på din enhed bruges, hvis de matcher. For at være sikker kan du konvertere tekst til kurver i dit designprogram eller indlejre skrifttypen i SVG'en som en data-URL.
Hvorfor mangler linkede billeder?
Billeder, der refereres via URL i SVG'en, blokeres af sikkerhedshensyn, når SVG gengives som billede. Indlejrede billeder (data:-URL'er) virker.
Hvad er den maksimale outputstørrelse?
Op til 16.384 px pr. side og 50 megapixel i alt. Meget store eksporter af komplekse SVG'er kan tage nogle få sekunder og kan mislykkes på telefoner med begrænset hukommelse.
Er det sikkert at konvertere en SVG fra en ukendt kilde?
Det er sikkert at gengive den her: SVG, der tegnes som billede, kan ikke køre scripts eller indlæse eksterne ressourcer. Den konverterede PNG indeholder kun pixels.
Privatliv
Din SVG fortolkes og tegnes af din browser. Den bliver ikke uploadet, gemt eller inkluderet i analyse.