Du lastet opp et SVG-ikon til nettstedet ditt, og WordPress nekter stille å godta det. Høres det kjent ut? Som standard blokkerer motoren .svg-filer av sikkerhetsgrunner, og forsøk på å laste opp en logo til mediebiblioteket resulterer i feilmeldingen «Beklager, denne filtypen er ikke tillatt.»

Problemet er ikke en feilaktig installasjon eller filrettigheter. WordPress utelater bevisst SVG fra hvitelisten fordi filens XML-struktur kan bære ondsinnet kode. Men du trenger ikke gi opp vektorgrafikk: her er tre trygge måter å laste opp SVG på uten å risikere nettstedets sikkerhet.

💡 Rask oversikt:

• Lær hva SVG er og hvorfor WordPress blokkerer det
• Velg én av tre sikre utvidelser for opplasting
• Konfigurer utvidelsen etter dine behov på et par minutter
• Sammenlign funksjoner og få en endelig anbefaling

Hva SVG er og hvordan det skiller seg fra JPEG og PNG

SVG (Scalable Vector Graphics) er et vektorformat basert på XML. I motsetning til rasterformatene JPEG og PNG, som består av piksler, beskriver SVG bilder matematisk ved hjelp av linjer, kurver og former. Resultatet er et bilde som forblir skarpt på en 4K-skjerm eller på en reklamebanner på størrelse med en vegg.

For en nettstedeier betyr dette tre ting. For det første ser logoen og ikonene dine like skarpe ut på alle enheter, fra mobil til stasjonær skjerm. For det andre veier en .svg-fil flere ganger mindre enn tilsvarende PNG: et typisk ikon tar 1-3 KB i stedet for 15-30 KB. For det tredje kan SVG animeres via CSS og JavaScript uten tredjepartsbiblioteker.

Men det finnes en ulempe. XML-strukturen leses av nettleseren som kode, og en angriper kan bygge inn et skript i filen. Dette er nøyaktig grunnen til at WordPress ikke inkluderer SVG i listen over tillatte formater som standard. Når du prøver å laste opp en, får du den samme feilmeldingen som på skjermbildet ovenfor.

SVG-sikkerhet: det du trenger å vite før du laster opp

En .svg-fil er et tekstdokument med tagger som <svg>, <path> og <circle>. Nettleseren tolker det nesten som HTML. Hvis en <script>-tagg eller en onload-handler er skjult inne i filen, vil nettleseren kjøre den koden. Dette kalles lagret XSS: et ondsinnet skript lagres på serveren og utløses hver gang en besøkende åpner siden.

I praksis er det ikke registrert noen masseangrep via SVG mot WordPress; sårbarheten er kjent, og utviklere lærte for lenge siden hvordan de lukker den. Moderne SVG-utvidelser sender den opplastede filen gjennom en sanitizer: et bibliotek som fjerner alle farlige tagger og attributter og bare etterlater «ren» grafikk.

Regelen er enkel: last aldri opp SVG fra ikke-klarerte kilder. Hvis filen er laget av designeren din eller lastet ned fra et offisielt ikonnettsted, er risikoen minimal. Hvis filen kom fra en ukjent klient via e-post, åpne den først i et tekstredigeringsprogram og forsikre deg om at det ikke finnes <script>-tagger eller on*-attributter inni.

Nedenfor er tre utvidelser som løser SVG-opplastingsproblemet med ulike nivåer av kontroll og innstillinger.

Metode 1: SVG Support, maksimale muligheter

SVG Support er den mest populære utvidelsen for opplasting av vektorgrafikk til WordPress. Over 1 million aktive installasjoner, en vurdering på 4,5 på WordPress.org og jevnlige oppdateringer (siste i mai 2026) taler for seg selv.

Installasjonen er standard: Utvidelser → Legg til ny, skriv «SVG Support» i søkefeltet, klikk Installer nå, deretter Aktiver. Etter aktivering går du til Innstillinger → SVG Support.

Hovedinnstillingen du bør aktivere med en gang, er Begrens til administratorer. Den hindrer alle andre enn administratorer i å laste opp SVG. Hvis du er den eneste som administrerer nettstedet, beskytter denne avkrysningsboksen mot utilsiktet opplasting av en farlig fil fra en redaktør eller SEO-spesialist.

Avansert modus aktiverer CSS-animasjon og innebygd rendering av SVG. Du trenger dette hvis du planlegger å animere ikoner eller endre fargen deres via temastiler. Uten denne avkrysningsboksen fjerner utvidelsen automatisk potensielt farlige attributter, og animasjon kan slutte å virke.

SVG Support kan også pakke opplastede filer inn i en <img>-tagg med korrekte dimensjoner; dette er viktig for Core Web Vitals fordi nettleseren reserverer plass til bildet før det lastes, og siden «hopper» ikke.

• Fordeler: finmasket tilgangskontroll, avansert modus for animasjoner, automatisk bildestørrelse, jevnlige oppdateringer
• Ulemper: innstillinger kun tilgjengelig i en egen fane (ingen integrasjon med mediebiblioteket)
• Pris: gratis
• Nedlasting: 🔗 SVG Support på WordPress.org

Metode 2: Safe SVG, minimalisme fra 10up-teamet

Safe SVG er utviklet av byrået 10up; dette er folkene Microsoft, Adobe og Det hvite hus stoler på. Og det er den beste anbefalingen en sikkerhetsutvidelse kan ha.

I motsetning til SVG Support krever Safe SVG ingen konfigurasjon. Installer, aktiver, så er du ferdig; du kan begynne å laste opp SVG. Utvidelsen bruker det samme sanitizer-biblioteket som WordPress-kjernen (enshrined/svg-sanitize) og sender hver fil gjennom det ved opplasting. Ingen ekstra grensesnitt, ingen innstillinger; det bare fungerer.

Safe SVG tillater SVG-opplastinger for alle brukere som har upload_files-rettigheten. Hvis nettstedet ditt har flere forfattere, bør du i tillegg begrense gruppen, for eksempel via en utvidelse for rolleadministrasjon. Men for en enkelt administrator er dette den enkleste og tryggeste veien.

Utvidelsen har eksistert i årevis, har over 1 million aktive installasjoner og en vurdering på 4,4. Den oppdateres sjeldnere enn SVG Support (siste i april 2026), men det er faktisk et tegn på stabilitet: det er ingenting å ødelegge.

• Fordeler: ingen konfigurasjon nødvendig, fungerer rett ut av esken, sanitering på WordPress-kjernenivå, utvikler med et plettfritt rykte
• Ulemper: ingen innstillinger for tilgangskontroll, ingen avansert modus for animasjoner, ingen innebygd rendering
• Pris: gratis
• Nedlasting: 🔗 Safe SVG på WordPress.org

Metode 3: WP SVG Images, sanitering med rollekontroll

WP SVG Images er utviklet av ShortPixel-teamet, kjent for sine bildeoptimaliseringsverktøy. Utvidelsen inntar en mellomposisjon mellom SVG Support og Safe SVG: rolleinnstillinger finnes, men det er ingen unødvendige skjermbilder.

Etter aktivering tillater utvidelsen umiddelbart SVG-opplastinger for alle administratorer og redaktører. I Innstillinger → WP SVG Images kan du finjustere hvilke roller som har tillatelse til å laste opp og aktivere sanitering individuelt for hver rolle. For eksempel: administratorer laster opp uten kontroll, redaktører laster opp med obligatorisk sanitering, forfattere kan ikke laste opp i det hele tatt.

Et ekstra pluss er SVG-forhåndsvisning rett i mediebiblioteket. Standard WordPress viser et plassholderikon i stedet for vektorfilen. WP SVG Images genererer et miniatyrbilde, slik at du ser nøyaktig hva du lastet opp uten å åpne filen i en ny fane.

Utvidelsen tilbyr også filtre for utviklere: WPSVG_setAllowedTags og WPSVG_setAllowedAttrs lar deg legge til egendefinerte tagger og attributter i sanitizerens hviteliste.

• Fordeler: SVG-forhåndsvisning i mediebiblioteket, fleksible saniteringsinnstillinger per rolle, filtre for utviklere, aktiv support
• Ulemper: ingen avansert animasjonsmodus, krever PHP 5.6.40+
• Pris: gratis
• Nedlasting: 🔗 WP SVG Images på WordPress.org

Sammenligningstabell: hvilken utvidelse du bør velge

Alle tre utvidelsene er gratis og bruker velprøvde saniteringsbiblioteker. SVG Support er valget for dem som trenger animasjon og maksimal kontroll. Safe SVG er for dem som setter pris på enkelhet og ikke vil røre innstillinger. WP SVG Images er et kompromiss med praktisk forhåndsvisning og fleksibel rettighetsfordeling.

Slik installerer du en SVG-utvidelse og laster opp en fil: trinn for trinn

Uavhengig av hvilken utvidelse du velger, er installasjonsprosessen den samme:

Trinn 1. I WordPress-administrasjonspanelet åpner du Utvidelser → Legg til ny.

Trinn 2. I søkefeltet skriver du inn utvidelsesnavnet: SVG Support, Safe SVG eller WP SVG Images.

Trinn 3. Klikk Installer nå på kortet til ønsket utvidelse, deretter Aktiver.

Trinn 4. Hvis utvidelsen har innstillinger (SVG Support eller WP SVG Images), går du til den tilsvarende fanen og aktiverer rollebegrensninger. For Safe SVG er ikke dette trinnet nødvendig.

Trinn 5. Åpne innleggs- eller sideredigeringsprogrammet. I bildeblokken klikker du «Last opp»; .svg-formatet er nå på hvitelisten.

Før du laster opp en SVG-fil, må du forsikre deg om at du stoler på kilden. Bruk ideelt sett filer laget av designeren din i Illustrator, Figma eller Inkscape. Hvis du mottok en SVG fra en tredjepartsleverandør, åpner du den i Notisblokk og skanner den raskt: det skal ikke være <script> eller onload= inni.

I praksis gir en manuell sjekk på tre sekunder pluss utvidelsens sanitizer en dobbel sikkerhetsmargin. Gjennom mange års arbeid med WordPress har vi ikke støtt på et eneste reelt hendelse med SVG lastet opp via noen av de tre beskrevne utvidelsene.

Hvis du foretrekker videoformat, viser klippet ovenfor hele prosessen fra utvidelsesinstallasjon til innsetting av SVG på en side.

⁉️🤔 Ofte stilte spørsmål

Kan jeg laste opp SVG uten en utvidelse?

Legg til en kodesnutt med upload_mimes-filteret som registrerer MIME-typen image/svg+xml. Vi anbefaler imidlertid ikke denne tilnærmingen: uten en sanitizer utsetter du nettstedet ditt for lagret XSS. En utvidelse løser sikkerhetsproblemet automatisk; et par klikk kontra et potensielt hull i forsvaret ditt.

Hvorfor er ikke Enable SVG-utvidelsen tilgjengelig lenger?

Årsak: «Forfatterforespørsel.» Utvidelsen ble ikke oppdatert på 4 år og er permanent fjernet fra WordPress.org. Hvis du har den installert, erstatt den med en av de tre utvidelsene ovenfor. De vedlikeholdes aktivt og er kompatible med WordPress 7.0.

Hvordan bekrefter jeg at en opplastet SVG er trygg?

En trygg SVG består av grafiske primitiver som svg, g og path på innsiden. Ingen script, ingen foreignObject og ingen onload- eller onclick-attributter forekommer i en ren fil. Alle tre utvidelsene i denne artikkelen fjerner automatisk farlige elementer under opplasting.

Hvilket format er best for en logo, SVG eller PNG?

SVG er det riktige valget for de fleste nettsteder. En vektorlogo tar bare noen få kilobyte, blir ikke uskarp på retina-skjermer og kan endre farge via CSS. PNG er bare nødvendig hvis logoen inneholder et fotografi eller en kompleks gradient som gjengis dårlig i vektor.

WP SVG Images eller Safe SVG: hvilken er mest pålitelig?

Forskjellen ligger i bekvemmelighet. Safe SVG er «installer og glem» fra et elitebyrå. WP SVG Images gir deg forhåndsvisninger i mediebiblioteket og individuelle rolleinnstillinger. Sikkerhetsmessig er de likeverdige.

Konklusjon: hva du bør installere i 2026

Alle tre utvidelsene løser oppgaven med sikker SVG-opplasting; valget avhenger av ditt bruksområde.

Trenger du animasjon av vektorikoner og innebygd rendering? Gå for SVG Support; det er den eneste utvidelsen med avansert modus.

Vil du bare laste opp en logo og glemme problemet? Safe SVG er ditt alternativ. Installer, aktiver, ferdig.

Trenger du forhåndsvisninger i mediebiblioteket og finmasket tilgangskontroll for teamet ditt? Velg WP SVG Images; ShortPixel laget et praktisk verktøy med den beste vurderingen blant SVG-utvidelser.

Kort sagt: installer Safe SVG for minimalisme eller SVG Support for full kontroll. Begge alternativene er gratis og testet på millioner av nettsteder. Og viktigst av alt, etter installasjon av en av de tre utvidelsene, forsvinner feilmeldingen «denne filtypen er ikke tillatt» for godt.