SVG fájlformátum engedélyezése WordPress-ben

Mi az az SVG?

Az SVG fájlformátum egy XML-alapú internetes képmegjelenítést lehetővé tevő kétdimenziós vektor grafikus formátum.

Az SVG három típusú grafikus elemet támogat:

  1. vektorgrafikus alakzatokat (például egyszerű egyenesekből és görbékből álló alakzatokat, és az ezek által közrezárt területet),
  2. rasztergrafikus és digitális képeket,
  3. szövegeket.

Az SVG formátumú fájlokat számtalan alkalmazás képes olvasni, és egyre több szoftverrel előállítható, pl. az ingyenes Inkscape.

Melyik böngésző támogatja az SVG formátumot?

Az összes legfrissebb verziójú modern böngésző megjeleníti az SVG formátumú fájlokat.

  • Internet Explorer 9+
  • Edge
  • Firefox 3+
  • Chrome 4+
  • Safari 3.2+
  • Opera 10+
  • iOS Safari 3.2+
  • Opera Mini
  • Android 4.4+

Az SVG előnyei

Az SVG fájl egyik nagy előnye  – lévén vektorgrafikus állomány -, hogy minőségromlás nélkül szabadon méretezhető. Ez azt jelenti, hogy egy pár KB-os kép nem esik szét (nem pixelesedik) akkor sem, ha nagyobb méretben jeleníted meg, mint amekkora méretben létrehoztad. Másik, szintén nem elhanyagolható előnye, hogy többnyire kisebb méretű képeket tudsz létrehozni, mintha .jpg vagy .png formátumban mentenéd.

Az SVG hátrányai

Közösségi oldalak, mint pl. Facebook vagy Twitter, nem jelenítik meg az SVG fájlokat, tehát ha a bejegyzésed kiemelt képét SVG formátumban töltöd fel (mint ahogy én is teszem a WPStart.hu weboldalamon), külön fel kell töltened a Facebook-on vagy más közösségi médiában használható képet JPG vagy PNG formátumban.

Sajnos jelenleg a WordPress nem támogatja SVG fájlok feltöltését / beágyazását, mivel az XML fájlok nem megfelelő használata biztonsági kockázatot hordoz magában. Ha mégis megpróbálsz SVG fájlt feltölteni, az alábbi figyelmeztetést kapod:

WordPress figyelmeztetés SVG fájl feltöltésekor

Természetesen erre a problémára is létezik megoldás bővítmények formájában, viszont nem elég, ha az első utadba kerülő bővítményt telepíted. SVG fájlok engedélyezésének és biztonságos kezelésének legegyszerűbb módja a Safe SVG bővítmény telepítése.

Safe SVG használata

A Safe SVG telepítése és aktiválása után nem kell semmit beállítani, a bővítmény teszi a dolgát. Amíg a bővítmény aktív, biztonsággal használhatsz SVG fájlokat WordPress weboldaladon, mert feltöltéskor a bővítmény elvégzi a fájl ellenőrzését és tisztítását.

Az SVG fájl képként jelenik meg a médiatárban
Az SVG fájl képként jelenik meg a médiatárban

SVG kép a médiatárban | WordPress kezdőknek