Sådan tilføjer du SVG-filer til dit WordPress-websted

Billeder: du kan ikke have en hjemmeside uden dem, men de kan helt sikkert være ondt i nakken. På trods af alt det gode, de gør for at tiltrække opmærksomhed og gøre din hjemmeside mere tiltalende, kan de også være årsag til mange problemer. Billeder, der er for store, kan for eksempel sænke din hjemmesides indlæsningshastighed, hvilket kun er én af de mange grunde til, at du skal optimere dine billeder, før du uploader dem til dit websted.

Men ikke alle billeder er lavet ens. Mere præcist er det ikke alle typer billedfiler, der giver de samme udfordringer, når du forsøger at bruge dem på din hjemmeside. Enhver, der nogensinde har prøvet at tilføje SVG-filer til WordPress, ved, at disse filer kommer med et unikt sæt fordele såvel som forhindringer.

I denne artikel viser vi dig:

Hvad er SVG-filer?

SVG-filer er en type vektorbilledfiler — SVG står for Scalable Vector Graphics. Vektorfiler er sammensat på en helt anden måde end dine rasterbilledfiler såsom JPEG eller PNG. Rasterfilerne bruger masser af små farveenheder – pixels – til at skabe et billede. Vektorfiler bruger på den anden side matematiske formler, der instruerer, hvordan de skal vises.

S’et i SVG – skalerbar – er en af ​​hovedårsagerne til, at SVG-filer er fantastiske. Med en SVG kan du øge størrelsen på billedet uden at skulle gå på kompromis med billedkvaliteten. Med JPEG’er får du den samme effekt, som du kan se, når du zoomer ind på et JPEG-billede på enhver enhed – et hurtigt kvalitetstab.

Og selvom det er rigtigt, at SVG-filer ikke kan vise den samme type billeder som dine mølle-billedfiler, de kan være utroligt nyttige til ting som logoer. Og du kan også finde masser af vektorkunstbilleder, der kan se bemærkelsesværdigt interessante ud på en hjemmeside.

Endelig er det måske bedste ved SVG-filer, hvor små de er. De er ikke nær så store som andre billedfiler. Og det betyder ikke kun, at du kan få billeder, der kan skaleres op til store størrelser uden den ekstra bulk, men det betyder også, at Google skal bruge mindre tid til at indeksere dem.

Hvorfor kan du ikke bare uploade en SVG-fil?

Men hvis SVG-filer er så gode, hvorfor får du så denne besked, når du prøver at uploade en SVG-fil til dit websteds mediebibliotek?

Problemet med SVG-filer, og grunden til, at WordPress ikke regelmæssigt giver dig en chance for at uploade dem, er i selve den måde, de er bygget på. Det er muligt at injicere ondsindet kode i filen, og de er også sårbare over for forskellige former for angreb.

Kort sagt – SVG-filer kan være farlige, og WordPress-fællesskabet ved det. Der har længe været drøftelser om at inkludere understøttelse af SVG-filer i kerne WordPress, men det er stadig op til dig at tage risikoen.

Hvad er en sikker måde at tilføje SVG-filer til WordPress?

Den gode nyhed er, at der er måder, hvorpå du kan uploade en SVG-fil til dit WordPress-websted og gøre det sikkert. Som altid, når du ikke kan gøre noget med en kernefunktion i WordPress, kan du stole på et plugin til at hjælpe dig med det.

Denne gang bør du dog se ud over de plugins, der får dit websted til at optage SVG-filer. Du kan gøre det på egen hånd ved at tilføje et par linjer kode til funktioner.php fil. Det ville hjælpe, hvis du sørgede for, at det plugin, du bruger, også kan rense billedet, hvilket gør det sikkert at uploade.

Sikker SVG er et WordPress-plugin, der kan begge dele – rense dine filer og lade dig uploade dem til WordPress. Så gå over til Plugins > Tilføj nyt, og søg efter plugin’et. Når du har fundet det i søgeresultaterne, skal du installere og aktivere det.

Efter installation og aktivering af pluginnet kan du gå tilbage til Medier > Tilføj ny, og prøv at uploade SVG-filen igen. Du vil se et andet resultat denne gang, da du snart vil uploade den rensede version af filen til dit websted.

Hvis du går til mediebiblioteket, vil du være i stand til at forhåndsvise den fil, du har uploadet, ligesom enhver anden fil.

Det er stort set alt, hvad du kan gøre med den gratis version af Safe SVG. Pluginnet har også en betalt Pro-version, der giver dig yderligere kontroller, du kan bruge til at forbedre dit websteds sikkerhed. For eksempel vil Pro-versionen give dig mulighed for at optimere billederne og begrænse, hvem der kan uploade dem.

Lad os afslutte det!

SVG-filer kan være en fantastisk måde at inkludere yderligere, skalerbare, visuelle elementer på dit WordPress-websted. Men hvis du vil tilføje SVG-filer til WordPress, skal du sørge for at gøre det sikkert og ansvarligt.

For at dække hjørnerne – aktiver upload og gør filen sikker – er Safe SVG plugin et godt valg. Hvis du ønsker mere kontrol og yderligere sikkerhedsfunktioner, bør du enten overveje Pro-versionen af ​​plugin’et eller en kombination af værktøjer, der håndterer desinficering og upload separat.