WordPress obsługuje wiele formatów graficznych. Najbardziej Wam znane to PNG I JPG, ale jest jeszcze sporo innych. Zaliczają się one do grupy grafik rastrowych, które w skrócie są obrazami składającymi się z pikseli. Wadą tego formatu jest, iż przy próbie zwiększenia rozmiaru tracą na jakości. Obrazowo tłumacząc, dzieje się to ponieważ piksele próbują się namnożyć. Algorytm nadaje im kolor na podstawie sąsiadujących.

W pewnych przypadkach na ratunek przychodzi grafika wektorowa inaczej nazywaną grafiką obiektową. Spowodowane jest tym, że obraz opisany jest za pomocą figur geometrycznych (w przypadku grafiki dwuwymiarowej) lub brył geometrycznych (w przypadku grafiki trójwymiarowej). Daje to niewyobrażalną elastyczność. Wadą natomiast jest to, że nie da się za jej pomocą stworzyć obrazu przypominającego rzeczywistość. Jednak idealnie się sprawdza do logotypów, ikon, ilustracji czy infografik.

SVG:

JPG:

SVG (ang. Scalable Vector Graphics) oparty jest na XML (ang. Extensible Markup Language), czyli na uniwersalnym języku znaczników. Co daje możliwość umieszczania go na stronach w pierwotnej postaci.

WordPress domyślnie nie obsługuje przesyłania plików SVG ze względu, iż niosą ze sobą pewne niebezpieczeństwa.

Pliki SVG niosą ze sobą z tego powodu pewne niebezpieczeństwo. Dlatego WordPress domyślnie nie obsługuje przesyłania plików SVG.

Jeśli podejmie się próbę przesłania obrazu SVG w WordPress, pojawi się następujący komunikat o błędzie:

Przepraszamy, ze względów bezpieczeństwa ten typ pliku nie jest dozwolony.

Jest to spowodowane tym, że XML jest podobny do HTML (podstawowy język wykorzystywany w pisaniu stron) i umożliwia to tworzenie luk w bezpieczeństwie.

Poniższe metody będą próbować oczyścić pliki SVG w celu poprawy ich bezpieczeństwa. Jednak te wtyczki nie mogą całkowicie zapobiec przesłaniu lub wstrzyknięciu złośliwego kodu.

Dlatego najważniejsze jest to, aby użyć pliku z pewnego źródła.

Jak dodać obsługę plików SVG w WordPress?

Wtyczka nr 1

Wtyczka SVG Support umożliwia dodanie plików SVG i wyświetlanie ich w bibliotece mediów.

Zaznaczenie opcji Restrict to Administrators – Ogranicza możliwość dodania plików tylko dla administratora.

Load frontend CSS – bardzo mały fragment kodu, który w niektórych przypadkach pomaga w wyświetlaniu plików SVG na interfejsie użytkownika.

Enable Advanced Mode – domyślnie pliki SVG używane są jako pliki obrazów. Włączenie tej funkcji umożliwia korzystanie z nich w stopniu zaawansowanym.

Tryb zaawansowany daje możliwość:

• umieszczenie skryptu po zamykającym znacznikiem body zamiast header,
• użycie rozszerzonego pliku JS zamiast zminimalizowanego pliku JS,
• nadanie własnej klasy CSS i usunie domyślnie klasy WordPressa.

Wtyczka nr 2

Wtyczka SVG safe wyposażona jest w funkcję automatycznego czyszczenia i wyświetla pliki w bibliotece mediów.

Wadą jest to, że ta wtyczka w wersji darmowej umożliwia przesyłanie plików SVG przez wszystkich użytkowników, którzy mogą pisać posty w witrynie WordPress.

Funkcje Pro (premium – £39.00):

• optymalizacja SVGO – zaoszczędzenie miejsca,
• ograniczenie przesyłania plików SVG do określonych ról użytkowników witryny WordPress,
• wsparcie Premium.