Formatgrunnlegg· 5 min lesing

Slik åpner du en SVG-fil: datamaskin, telefon og nettleser

Slik åpner du en SVG-fil på datamaskin, telefon og i nettleser, løser problemer med kode eller tomt vindu, redigerer uten å installere programvare, eller viser den som PNG.

1. Fire måter å åpne en SVG på en datamaskin

  • Nettleseren (enkelt): dra SVG-filen inn i et Chrome-, Edge-, Firefox- eller Safari-vindu, så vises den; du kan også høyreklikke på filen, velge «Åpne med» og peke på en nettleser;
  • Sett standardprogram: jobber du ofte med SVG, knytter du .svg-filer til en nettleser eller et designprogram, slik at et dobbeltklikk åpner dem direkte;
  • Designprogrammer: Illustrator, Figma og det frie Inkscape åpner og redigerer SVG, noe som passer mer omfattende arbeid;
  • Koderedigerer: SVG er i praksis XML-tekst, så å åpne den i VS Code lar deg se og endre kilden, noe som gjør feilsøking mye enklere.

Sette standardprogram: I Windows høyreklikker du på SVG-filen, velger «Åpne med → Velg en annen app» og kryssmerker «Bruk alltid denne appen»; på macOS høyreklikker du, velger «Informasjon», peker på en nettleser under «Åpne med» og klikker «Endre alle», slik at et dobbeltklikk forhåndsviser filen fra nå av.

2. Slik åpner du en SVG på en telefon

Android: noen filbehandlere kan ikke forhåndsvise SVG direkte – trykk lenge på filen, velg «Åpne med» og pek på en nettleser. iPhone: lagre SVG-en i Filer-appen, der nyere systemer forhåndsviser den direkte; vises den ikke, deler du den og åpner den i Safari. SVG-er som kommer i WeChat eller QQ, kommer som vanlige filer, og «Åpne med» en nettleser viser dem riktig.

Samlet sett er mobilnettleseren den mest pålitelige SVG-visningen – ingen ekstra app trenger installeres. Nettbrett fungerer på samme måte: åpne filen i den innebygde nettleseren, uten en egen visning.

3. Hva hvis et dobbeltklikk viser kode eller et tomt vindu?

En mur av kode: filen er knyttet til Notepad eller en annen tekstredigerer. SVG er tekst, så dette er normalt – åpne den i en nettleser, så ser du illustrasjonen. Tomt vindu: sjekk først at filen er intakt. Åpne den i en koderedigerer: en gyldig SVG begynner med taggen <svg> eller erklæringen <?xml. Ser du <html> i stedet, har du trolig lagret en feilside som .svg under nedlastingen, så last ned filen på nytt. Hvis filen i tillegg viser til eksterne bilder eller skrifttyper, mangler ressursene, og illustrasjonen blir ufullstendig.

Én mer ting å merke seg: SVG er et tekstformat som kan bære skript, så ikke åpne filer fra ukjente kilder i nettleseren med én gang. Sjekk dem først i en koderedigerer, bekreft at filen begynner med en svg-tagg og ikke inneholder mistenkelige skript, og forhåndsvis den først etterpå.

4. Vil du endre noe etter å ha åpnet den? Bruk editoren på nett

For å farge en logo, fjerne en bakgrunn eller slette noen elementer trenger du ikke et tungt program. Åpne PolySVG SVG-editoren på nett (direkte lenke: /editor), last opp filen, så kan du klikke på baner for å slette dem, fjerne bakgrunner med ett klikk, endre farger, male med penselen, viske med viskelæren, angre og gjøre om når som helst, og til slutt eksportere SVG eller PNG. Gratis, ingen installasjon, ingen registrering.

5. Vil du bare se på den? Å konvertere til PNG er enklest

Kan ikke den andres enhet åpne SVG, er enkleste løsning å konvertere til PNG: eksporter en PNG fra editoren, eller ta et skjermbilde i nettleseren. For å forstå formatet SVG i seg selv, les Hva er SVG; har du en bitmap du vil gjøre om til SVG, gjør verktøyet Bilde til SVG det på noen trinn.

Er du utvikler, kan du også bygge inn SVG direkte i HTML eller referere til den med en img-tagg, og nettleseren tegner den umiddelbart – dette er den vanligste måten å vise SVG på nettet.

Ofte stilte spørsmål

Er det normalt at et dobbeltklikk på en SVG viser en mur av kode?

Ja. SVG er i praksis XML-tekst, så standardprogrammet blir en tekstredigerer; åpne den i en nettleser i stedet, så ser du illustrasjonen.

Kan jeg se en SVG på telefonen uten designprogram?

Ja. Bruk bare mobilnettleseren: på Android velger du en nettleser i filbehandleren, og på iPhone lagrer du filen i Filer og åpner den med Safari.

Prøv det nå

Ferdig med veiledningen? Øv med PolySVGs gratis verktøy:

Les mer