Hur man lägger till SVG i WordPress (med 2 enkla lösningar)

Vill du lägga till SVG-filer på din WordPress-webbplats? Som standard låter WordPress dig ladda alla populära bild-, ljud- och videoformat, men SVG är inte ett av dem. I den här artikeln kommer vi att visa dig hur du enkelt lägger till SVG i WordPress.

Vad är SVG?

SVG eller Scalable Vector Graphics är ett filformat som definierar vektorgrafik med hjälp av XML-markeringsspråket. Den största fördelen med SVG är att det låter dig förstora bilden utan att förlora kvalitet eller ha några pixlar.

Hur fungerar SVG?

Scalable Vector Graphics (SVG) är en teknik för att visa tvådimensionella ritningar i XML. De skiljer sig från vanliga bildformat som är PNG, GIF eller JPEG.

Om du tar en png/jpeg-bildfil och zoomar in ser du att bilden börjar bli suddiga och pixlar.

Vektorgrafik använder inte pixlar. Istället använder de en tvådimensionell karta som identifierar grafen du tittar på. När du kommer närmare pixlar inte bilden.

Detta gör att du kan förstora vektorgrafik utan att förlora kvalitet. Viktigast av allt, SVG-bilder kan ha en mycket mindre filstorlek än JPEG eller PNG.

Vektorgrafik används ofta för ikoner, ikonteckensnitt, webbplatslogotyper och varumärkesbilder. Du kanske vill lägga till SVG-filer i WordPress för din logotyp, företagslogotyp eller annan grafik.

Så bra som det låter är SVG-filer fortfarande osäkra. Det är därför WordPress inte stöder uppladdning av SVG-filer som standard.

Om du laddar upp SVG-bilder till WordPress kommer du att se följande felmeddelande:

Den här filtypen är tyvärr inte tillåten av säkerhetsskäl.

SVG-relaterade säkerhetsproblem i WordPress

SVG-filer innehåller kod i ett XML-markeringsspråk som liknar HTML. Din SVG-webbläsare eller redigeringsprogram analyserar XML-markeringsspråket för att visa resultaten på skärmen.

Detta öppnar dock din webbplats för möjliga XML-sårbarheter. Den kan användas för att få obehörig åtkomst till användardata, utlösa brute force-attacker eller cross-site scripting-attacker.

Metoderna som vi kommer att dela i den här artikeln kommer att försöka desinficera SVG-filer för att förbättra deras säkerhet. Dessa plugins kan dock inte alls förhindra att skadlig kod laddas eller injiceras.

Den bästa lösningen är att endast använda SVG-filer skapade av betrodda källor och begränsa SVG-uppladdningar till betrodda användare.

För mer information om säkerhet, se vår kompletta WordPress-säkerhetsguide för nybörjare.

Med det sagt, låt oss ta en titt på hur man använder SVG-filer enkelt och säkert i WordPress.

metod 1. Ladda upp SVG-filer till WordPress med SVG-stöd

Denna metod ger fullt stöd för att lägga till SVG-filer i WordPress. Det låter dig också visa SVG online i WordPress-inlägg och sidor.

Först måste du installera och aktivera SVG Support-plugin. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

Efter aktivering måste du komma åt Konfiguration » SVG Support sida för att konfigurera plugin-inställningar.

På konfigurationssidan bör du markera rutan bredvid alternativet “Begränsa administratör?”. Detta tillåter endast webbplatsadministratörer att ladda upp SVG-filer till WordPress.

Nästa alternativ är att aktivera avancerat läge. Du behöver bara markera det här alternativet om du vill använda avancerade funktioner som CSS-animationer och inline SVG-rendering.

Glöm inte att klicka på knappen Spara ändringar för att spara dina inställningar.

Du kan nu skapa ett nytt inlägg eller redigera ett befintligt. I postredigeraren kommer den att ladda din SVG-fil precis som alla andra bildfiler. Lägg bara till ett bildblock till redigeraren och ladda sedan upp SVG-filen.

Du bör nu kunna ladda upp och bädda in SVG-filer i WordPress.

metod 2. Ladda upp SVG-filer i WordPress med Safe SVG

Den här metoden använder också ett plugin och låter dig sanera SVG-filer som laddats upp till WordPress.

Det första du bör göra är att installera och aktivera Safe SVG-plugin. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

Insticksprogrammet fungerar bra och det finns inga inställningar för dig att konfigurera. Du kan bara gå vidare och börja ladda upp SVG-filer.

Nackdelen är att detta plugin tillåter SVG-laddning av alla användare som kan skriva inlägg på sin WordPress-webbplats.

För att kontrollera vem som kan ladda upp filer måste du köpa premiumversionen av plugin-programmet.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du säkert lägger till SVG i WordPress. Du kanske också vill se vår artikel om de vanligaste WordPress-bildproblemen och hur du åtgärdar dem.

Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning. Du hittar oss även på Twitter och Facebook.