WordPress den SVG Upload erlauben: Warum es sinnvoll ist und wie es einfach geht

Guten Tag! Möglicherweise sind Sie bereits auf das Dateiformat SVG gestoßen und haben bemerkt, dass WordPress standardmäßig keinen Upload von SVG-Dateien unterstützt. Aber wussten Sie, dass SVG trotzdem Ihre Website verbessern kann? Lassen Sie uns erklären, warum das so ist und wie Sie SVG in WordPress integrieren (den SVG Upload erlauben) können.

WordPress braucht SVG: der Upload ist von daher sehr wichtig

Sie sind sicherlich mit SVG vertraut, einem XML-basierten Vektorbildformat, das sich immer größerer Beliebtheit erfreut. SVG steht für “Scalable Vector Graphics” und wird häufig verwendet, um Logos und Symbole auf Websites anzuzeigen.

Was SVG auszeichnet, ist seine hohe Flexibilität. Dank des Koordinatensystems lässt sich SVG nahezu beliebig skalieren, ohne dabei an Bildqualität oder Auflösung einzubüßen. Das macht SVG besonders interessant für die Erstellung und Einbindung von Logos und großflächigen Grafiken.

Im Gegensatz zu JPG- und PNG-Formaten, die mit Pixeln arbeiten, verwenden SVG-Grafiken zweidimensionale Karten/Koordinatensysteme, um Grafiken zu definieren. Das hat den Vorteil, dass Bilder nicht verpixelt werden, wenn Sie auf sie zoomen, sondern klar bleiben. Ein weiterer entscheidender Vorteil ist die geringe Dateigröße aufgrund der XML-Basis, was im Vergleich zu gängigen JPG- und PNG-Dateien Speicherplatz spart und die Performance Ihrer Website optimiert.

Was hindert WordPress am Upload der SVG-Dateien?

Als CMS-Anbieter trägt WordPress die volle Verantwortung für die Sicherheit seiner Plattform. Aus diesem Grund ist die Einbettung von SVG-Dateien standardmäßig nicht gestattet. Da SVG-Dateien auf XML basieren und potenziell schädlichen Code, wie Javascript oder ähnliches, enthalten könnten, hat sich WordPress aus Sicherheitsgründen gegen die offizielle Unterstützung dieser Funktion entschieden.

Wann sollte man in WordPress den Upload von SVG-Dateien freigeben?

Als Informatiker, kann ich Ihnen versichern, dass SVG-Dateien grundsätzlich von den meisten gängigen Webbrowsern unterstützt werden. Obwohl einige Browser versuchen, Sicherheitslücken in SVGs zu schließen, liegt das Risiko für Sie persönlich in der Regel im vertretbaren Rahmen. Es ist jedoch ratsam, vorsichtig bei der Einbindung von SVG-Dateien in Ihre Website zu sein und sich über die Quelle der Grafiken Gedanken zu machen.

Es ist wichtig, die Vertrauenswürdigkeit der Quelle der SVG-Dateien zu überprüfen, bevor Sie sie in WordPress oder auf Ihrer Website einbinden. Stellen Sie sich Fragen wie: Ist Ihnen die Quelle der Dateien bekannt und als sicher eingestuft? Mit dieser Gewissheit können Sie SVG-Dateien ohne Bedenken verwenden.

Zusätzlich können Sie die Benutzerrollen auf Ihrer Website so konfigurieren, dass nicht jeder, der an Ihrer Webseite arbeitet, die Berechtigung hat, SVG-Grafiken einzubinden. Diese Maßnahme hilft dabei, die Kontrolle über die Verwendung von SVGs auf Ihrer Website zu behalten und potenzielle Risiken zu minimieren.

So aktivieren Sie den Upload

Gut, lassen Sie uns jetzt zum praktischen Teil kommen und darüber sprechen, wie der Upload von SVG-Dateien in WordPress funktioniert. Wie bei WordPress üblich, gibt es mehrere Wege, um zum Ziel zu gelangen. Wir werden uns auf die beiden Methoden konzentrieren, die wir für am sinnvollsten halten, und Ihnen eine detaillierte Anleitung dafür geben.

Möglichkeit 1: Verwendung eines Plugins

Eine der einfachsten Methoden, SVG-Dateien in WordPress hochzuladen, ist die Verwendung eines Plugins. Hierzu gibt es mehrere Plugins zur Auswahl, die speziell für den SVG-Upload entwickelt wurden. Sie können ein solches Plugin aus dem WordPress-Plugin-Verzeichnis (Die Links finden Sie am Ende des Artikels) herunterladen und installieren. Nach der Aktivierung des Plugins können Sie SVG-Dateien wie jede andere Datei in WordPress hochladen, indem Sie zur Medienbibliothek gehen und auf “Datei hinzufügen” klicken. Sie können dann Ihre SVG-Dateien auswählen und hochladen.

Möglichkeit 2: Manuelle Aktivierung des SVG-Uploads

Eine andere Möglichkeit, SVG-Dateien in WordPress hochzuladen, ist die manuelle Aktivierung des SVG-Uploads. Dies erfordert das Bearbeiten der functions.php-Datei Ihres WordPress-Themes oder das Hinzufügen von Code in ein benutzerdefiniertes Plugin. Hier ist eine Schritt-für-Schritt-Anleitung, wie Sie dies tun können:

1. Sichern Sie Ihre WordPress-Website, indem Sie eine vollständige Sicherungskopie erstellen.
2. Öffnen Sie den Theme-Editor in WordPress oder verwenden Sie einen FTP-Client, um auf die functions.php-Datei Ihres Themes zuzugreifen. Wenn Sie ein benutzerdefiniertes Plugin verwenden, öffnen Sie die entsprechende Datei.
3. Fügen Sie den folgenden Code am Ende der functions.php-Datei oder des benutzerdefinierten Plugins hinzu:
   
   function allow_svg_upload( $mimes ) {
      $mimes[‘svg’] = ‘image/svg+xml’;
      return $mimes;
   }
   add_filter( ‘upload_mimes’, ‘allow_svg_upload’ );
4. Speichern Sie die Änderungen und schließen Sie den Theme-Editor oder den FTP-Client.
5. Gehen Sie nun zur Medienbibliothek in WordPress und klicken Sie auf “Datei hinzufügen”. Sie sollten jetzt in der Lage sein, SVG-Dateien hochzuladen und in Ihrem WordPress-Theme zu verwenden.

Bitte beachten Sie, dass das Hochladen von SVG-Dateien Sicherheitsrisiken mit sich bringen kann, da SVG-Dateien potenziell schädlichen Code enthalten können. Es ist wichtig, nur SVG-Dateien von vertrauenswürdigen Quellen hochzuladen und immer die Sicherheit Ihrer WordPress-Website im Auge zu behalten.

Unser Fazit zum SVG-Upload

Es ist richtig, dass SVG-Grafiken standardmäßig von WordPress nicht unterstützt werden und dass WordPress sehr berechtigte Sicherheitsbedenken in Bezug auf die Verwendung von SVG-Dateien hat. Als Betreiber einer Website mit WordPress tragen Sie die Verantwortung für die Integration von SVG-Dateien in Ihre Website und können nicht erwarten, dass WordPress für alle integrierten SVG-Dateien verantwortlich ist.

Dennoch müssen Sie nicht auf die zahlreichen Vorteile des SVG-Dateiformats verzichten. Wenn Sie ein geeignetes Plugin herunterladen und sorgfältig darauf achten, woher Ihre SVG-Dateien stammen, können Sie sie mit gutem Gewissen in Ihre Website integrieren.

SVG-Grafiken zeichnen sich durch ihre hohe Qualität und geringe Dateigröße aus, was zu einer verbesserten Benutzererfahrung und Website-Performance führen kann.

Eine effektive Methode, um das beste Endergebnis für Ihre Website zu erzielen, ist die Kombination von SVGs, PNGs und JPGs.

Ich wünsche gutes Gelingen in der Umsetzung.

Hans-Jürgen Schwarzer
– Tutorial-Artist –

PS:
Hier die Links zu zwei passenden Plugins.

• WordPress Plugin SVG Support
• WordPress Plugin Safe SVG

Hier meine Rufnummer, wenn Sie aktuell keine Zeit für die Umsetzung haben. 06131 / 30292-13 und die Aufgabe als erledigt abhaken möchten.