CodeKitHubHva er dette verktøyet?
SVG er et vektorformat — former beskrevet med matematikk, uendelig skalerbart, ideelt for logoer og ikoner. Men mange steder godtar det ikke: Word-dokumenter, de fleste sosiale plattformer, e-postklienter og utallige opplastingsskjemaer vil ha pikselbilder. Å konvertere (rasterisere) rendrer vektoren til en PNG eller JPG i en bestemt størrelse.
Siden vektorer ikke har noen fast oppløsning, velger du selv utbredden — og siden kilden er matematikk, er en eksport på 2048 px like skarp som en på 256 px. PNG-utdata bevarer SVG-ens gjennomsiktige bakgrunn; JPG fyller den med hvitt.
Hvorfor bruke det?
- Alle oppløsninger fra én kilde: 256 px favicon til 2048 px trykkfil, alle pikselperfekte.
- PNG-utdata beholder gjennomsiktighet — logoer plasseres på hvilken som helst bakgrunn.
- Fikser "SVG støttes ikke"-avvisninger på sekunder.
- Batch-konvertering, lokal behandling, ingen opplasting.
- Håndterer SVG-er uten eksplisitt bredde/høyde ved å lese viewBox-en deres.
Slik bruker du det
- Slipp .svg-filer i boksen eller klikk for å velge.
- Velg en utbredde — Auto bruker SVG-ens egen angitte størrelse.
- Velg PNG (beholder gjennomsiktighet) eller JPG (hvit bakgrunn).
- Last ned hvert rendret bilde; dimensjoner vises per fil.
Eksempel
Inndata
logo.svg — en 4 KB vektorResultat
logo.png — 1024×1024, gjennomsiktig bakgrunn, skarp på hver pikselÉn liten vektorkilde gir pikselperfekte rasterbilder i enhver størrelse du ber om.
Vanlige bruksområder
- Sette inn en firmalogo (som som regel leveres som SVG fra en designer) i et Word- eller PowerPoint-dokument som ikke støtter SVG-innebygging.
- Generere app-ikoner eller favikoner i alle nødvendige pikselstørrelser (16, 32, 180, 512 px) fra én master-SVG.
- Legge et ikon til i en e-postsignatur, siden de fleste e-postklienter kun rendrer rasterbilder.
- Laste opp illustrasjoner til en sosial medieplattform eller et CMS som avviser SVG-filer som en sikkerhetsforholdsregel.
Hvorfor SVG-opplastingsbegrensninger finnes i utgangspunktet
Mange plattformer blokkerer spesifikt SVG-opplastinger av sikkerhetshensyn, ikke ved en forglemmelse: fordi SVG er XML-basert og teknisk kan innebygge JavaScript, kan en ondsinnet SVG være en vektor for skriptinnsprøytning hvis en plattform rendrer den urenset. Å rasterisere en SVG til PNG eller JPG fjerner alt utover pikseldata, noe som er én grunn til at denne konverteringen ofte er påkrevd snarere enn bare praktisk — målplattformen kan rett og slett ikke trygt godta vektorformatet, uansett om din spesifikke SVG er ufarlig.
Hvordan oppløsningsuavhengigheten faktisk fungerer
En SVG-fil lagrer ikke piksler i det hele tatt — den lagrer matematiske stidefinisjoner («tegn en linje fra dette punktet til det punktet», «fyll denne kurven med denne fargen») og en viewBox som definerer koordinatrommet disse stiene lever i. Når du rasteriserer den, beregner nettleserens rendringsmotor på nytt hver kurve og fylling ved de pikseldimensjonene du ber om, fra bunnen av, hver gang. Det er fundamentalt annerledes enn å endre størrelsen på et eksisterende rasterbilde (en JPG eller PNG), der forstørring betyr å finne opp piksler som aldri fantes og uunngåelig ser ut myk — en SVG rendret ved 4000 px er akkurat like skarp som én rendret ved 100 px, fordi begge er nyberegnet fra samme eksakte matematikk, ikke strukket fra en mindre kilde.
Ofte stilte spørsmål
Hvilken oppløsning bør jeg eksportere med?
Match den største størrelsen du skal vise, og legg litt til: 512 px dekker de fleste weblogobruk, 1024 px+ for retina-skjermer og presentasjoner, 2048 px for trykk. I motsetning til oppskalering av foto koster det ingenting i skarphet å eksportere stort fra SVG.
Hvorfor rendres SVG-en min blank eller ødelagt?
Vanligvis eksterne referanser: SVG-er som lenker til eksterne bilder, skrifttyper eller CSS, kan ikke laste dem inn i nettleserens sikkerhetssandkasse. SVG-er med innebygd (inline) innhold konverteres uten problemer. Tekst kan også flytte seg litt hvis den bruker en skrifttype systemet ditt mangler.
PNG eller JPG — hvilket bør jeg velge?
PNG nesten alltid: logoer og ikoner trenger gjennomsiktighet og skarpe kanter, noe PNG bevarer og JPG ødelegger. Velg JPG bare når målet strengt krever det, eller SVG-en er en fotolignende illustrasjon.
Kan jeg konvertere PNG tilbake til SVG her?
Nei — det er en fundamentalt annen oppgave (å spore piksler til former) som i beste fall gir tilnærminger. Dette verktøyet går vektor → raster, som er eksakt.
Blir SVG-en min lastet opp for konvertering?
Nei. Nettleseren rendrer SVG-en på et lokalt canvas og koder PNG/JPG-en på enheten din. Ingenting overføres.
Bør jeg eksportere SVG-en min som PNG eller JPG?
Hvis grafikken har gjennomsiktighet — en logo som må ligge på en hvilken som helst bakgrunn — velg PNG: JPG har ingen alfakanal og vil fylle gjennomsiktige områder med en heldekkende farge. PNG er også bedre for skarpkantet grafikk som ikoner og diagrammer. Velg JPG bare når SVG-en inneholder fotografisk eller mye gradientfylt innhold og filstørrelse betyr mer enn kanter.