SVG til PNG

Slik konverterer du SVG til PNG

1. Slipp én eller flere SVG-filer i dropsonen, eller klikk på den for å velge dem. Du kan også åpne Eller lim inn SVG-kode, lime inn koden og klikke på Legg til SVG-kode.
2. Velg Utdatastørrelse: - Skaleringsfaktor ganger SVG-ens egen størrelse (2 gir et bilde som er dobbelt så bredt og dobbelt så høyt); - Bredde (høyden følger) eller Høyde (bredden følger) beholder proporsjonene; - Nøyaktig bredde og høyde tvinger fram begge dimensjonene; - Oppløsning (DPI) tegner fysiske størrelser som 2in eller 50mm med den valgte DPI-en.
3. Velg et Format: PNG, JPG eller WebP. JPG og WebP har også en glidebryter for Kvalitet.
4. Under Bakgrunn beholder du Gjennomsiktig, eller velger Farge og setter Bakgrunnsfarge.
5. Klikk på Konverter til bilde. Hver fil får en rad med forhåndsvisning, ny størrelse i piksler og en Last ned-knapp. Last ned alle lagrer filene én etter én, og Last ned ZIP legger dem i ett enkelt arkiv.

Slik beregnes størrelsen

En SVG beskriver former, ikke piksler, så den kan tegnes skarpt i hvilken som helst størrelse. Den «naturlige» størrelsen kommer fra attributtene width og height i rotelementet <svg>. Når de mangler, bruker dette verktøyet viewBox (for eksempel gir viewBox="0 0 24 24" 24 × 24), slik nettlesere gjør. Hvis SVG-en ikke har noen av delene, brukes nettleserens standard på 300 × 150.

Lengder i fysiske enheter regnes om med CSS-regelen på 96 piksler per tomme: 1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1,33 px. Derfor står det 96 i DPI (96 = opprinnelig størrelse): ved 300 DPI blir et ikon med width="1in" 300 piksler bredt, noe et trykkeri forventer.

Med Nøyaktig bredde og høyde sentreres en tegning med andre proporsjoner enn boksen og får tomme felt på sidene, i samsvar med SVG-ens egen regel preserveAspectRatio. Den strekkes aldri med mindre filen ber om det.

Nettlesere kan ikke lage et canvas som er større enn omtrent 16,7 millioner piksler (for eksempel 4096 × 4096). Hvis du ber om mer, reduseres størrelsen til det største bildet som får plass, og en melding forteller deg den endelige størrelsen.

PNG, JPG eller WebP?

• PNG er tapsfritt og beholder gjennomsiktighet: det beste valget for ikoner, logoer og diagrammer.
• JPG har ingen gjennomsiktighet, så gjennomsiktige områder fylles med bakgrunnsfargen. Bruk det for store illustrasjoner der filstørrelsen betyr mer enn skarpe kanter.
• WebP beholder gjennomsiktighet og er vanligvis mindre enn PNG. Alle moderne nettlesere viser det.

Sikkerhet og begrensninger

SVG-en din settes aldri inn i siden. Den tegnes fra en privat blob-adresse som et vanlig bilde, en modus der nettlesere ikke kjører skript og ikke laster noe annet. Som en følge av det lastes ikke eksterne referanser: nettskrifter fra Google Fonts, bilder som er lenket med URL og eksterne CSS-filer ignoreres, så tekst kan vises i en standardskrift. For å beholde det nøyaktige utseendet kan du gjøre tekst om til baner i redigeringsprogrammet eller bygge inn bilder som data-URI-er før du konverterer. Skrifter som er installert på datamaskinen din, kan fortsatt brukes.

Ingenting lastes opp: tegning og koding skjer i nettleseren din.