Sie haben ein SVG-Icon auf Ihre Website hochgeladen, und WordPress verweigert die Annahme kommentarlos. Kommt Ihnen das bekannt vor? Standardmäßig blockiert die Engine .svg-Dateien aus Sicherheitsgründen, und der Versuch, ein Logo in die Mediathek hochzuladen, quittiert das System mit der Fehlermeldung „Sorry, dieser Dateityp ist nicht erlaubt."

Das Problem liegt weder an einer fehlerhaften Installation noch an Dateiberechtigungen. WordPress schließt SVG bewusst aus der Whitelist aus, weil die XML-Struktur der Datei Schadcode enthalten kann. Auf Vektorgrafiken müssen Sie trotzdem nicht verzichten: Nachfolgend finden Sie drei sichere Wege, SVG hochzuladen, ohne Ihre Website zu gefährden.

💡 Kurzüberblick:

• Erfahren Sie, was SVG ist und warum WordPress es blockiert
• Wählen Sie eines von drei sicheren Plugins für den Upload
• Konfigurieren Sie das Plugin in wenigen Minuten nach Ihren Anforderungen
• Vergleichen Sie die Funktionen und erhalten Sie eine abschließende Empfehlung

Was SVG ist und wie es sich von JPEG und PNG unterscheidet

SVG (Scalable Vector Graphics) ist ein Vektorformat auf XML-Basis. Anders als pixelbasierte Rasterformate wie JPEG und PNG beschreibt SVG Bilder mathematisch durch Linien, Kurven und Formen. Das Ergebnis ist eine Grafik, die auf einem 4K-Bildschirm ebenso scharf bleibt wie auf einer Werbefläche in Wandgröße.

Für einen Website-Betreiber bedeutet das dreierlei. Erstens wirken Ihr Logo und Ihre Icons auf jedem Gerät gleichermaßen gestochen scharf, vom Smartphone bis zum Desktop-Monitor. Zweitens ist eine .svg-Datei um ein Vielfaches kleiner als ihr PNG-Pendant: Ein typisches Icon belegt 1-3 KB statt 15-30 KB. Drittens lässt sich SVG ohne externe Bibliotheken per CSS und JavaScript animieren.

Allerdings gibt es einen Haken. Die XML-Struktur wird vom Browser als Code interpretiert, und ein Angreifer kann ein Skript in die Datei einbetten. Genau deshalb führt WordPress SVG ab Werk nicht in der Liste der erlaubten Formate. Beim Upload-Versuch erscheint dann jene Fehlermeldung aus dem Screenshot oben.

SVG-Sicherheit: Was Sie vor dem Upload wissen müssen

Eine .svg-Datei ist ein Textdokument mit Tags wie <svg>, <path> und <circle>. Der Browser analysiert sie fast wie HTML. Verbirgt sich darin ein <script>-Tag oder ein onload-Handler, führt der Browser diesen Code aus. Man spricht von stored XSS: Ein Schadskript wird auf dem Server gespeichert und jedes Mal ausgelöst, wenn ein Besucher die Seite öffnet.

In der Praxis sind keine massenhaften Angriffe über SVG auf WordPress dokumentiert; die Schwachstelle ist bekannt, und Entwickler haben längst gelernt, sie zu schließen. Moderne SVG-Plugins leiten die hochgeladene Datei durch einen Sanitizer: eine Bibliothek, die sämtliche gefährlichen Tags und Attribute entfernt und nur „saubere" Grafik übrig lässt.

Die Regel ist einfach: Laden Sie niemals SVG aus nicht vertrauenswürdigen Quellen hoch. Stammt die Datei von Ihrem Designer oder von einer offiziellen Icon-Website, sind die Risiken minimal. Kommt die Datei per E-Mail von einem unbekannten Auftraggeber, öffnen Sie sie zuerst in einem Texteditor und vergewissern Sie sich, dass keine <script>-Tags oder on*-Attribute enthalten sind.

Nachfolgend drei Plugins, die das SVG-Upload-Problem mit unterschiedlichem Maß an Kontrolle und Einstellungsmöglichkeiten lösen.

Methode 1: SVG Support, maximale Möglichkeiten

SVG Support ist das meistgenutzte Plugin für den Upload von Vektorgrafiken in WordPress. Über 1 Million aktive Installationen, eine Bewertung von 4,5 auf WordPress.org und kontinuierliche Updates (zuletzt im Mai 2026) sprechen für sich.

Die Installation erfolgt auf dem üblichen Weg: Plugins → Installieren, „SVG Support" ins Suchfeld eingeben, auf Jetzt installieren und anschließend auf Aktivieren klicken. Nach der Aktivierung navigieren Sie zu Einstellungen → SVG Support.

Die wichtigste Einstellung, die Sie sofort aktivieren sollten, ist Auf Administratoren beschränken. Sie verhindert, dass jemand außer Administratoren SVG hochladen kann. Sind Sie der Einzige, der die Website betreut, schützt dieses Häkchen vor dem versehentlichen Upload einer gefährlichen Datei durch einen Redakteur oder SEO-Spezialisten.

Der Erweiterte Modus aktiviert CSS-Animationen und das Inline-Rendering von SVG. Das benötigen Sie, wenn Sie Icons animieren oder deren Farbe per Theme-Stylesheet ändern möchten. Ohne dieses Häkchen entfernt das Plugin automatisch potenziell gefährliche Attribute, und die Animation funktioniert unter Umständen nicht.

SVG Support versteht sich zudem darauf, hochgeladene Dateien mit korrekten Abmessungen in ein <img>-Tag einzubetten; das ist für die Core Web Vitals relevant, weil der Browser den Platz für das Bild reserviert, bevor es geladen wird, und die Seite nicht „springt".

• Vorteile: feingranulare Zugriffskontrolle, erweiterter Modus für Animationen, automatische Bildgrößen, regelmäßige Updates
• Nachteile: Einstellungen nur in einem separaten Tab verfügbar (keine Integration in die Mediathek)
• Preis: kostenlos
• Download: 🔗 SVG Support auf WordPress.org

Methode 2: Safe SVG, Minimalismus vom 10up-Team

Safe SVG wird von der Agentur 10up entwickelt; das sind die Leute, denen Microsoft, Adobe und das Weiße Haus vertrauen. Und das ist die beste Empfehlung, die ein Sicherheits-Plugin haben kann.

Anders als SVG Support erfordert Safe SVG keinerlei Konfiguration. Installieren, aktivieren, fertig; Sie können sofort mit dem SVG-Upload beginnen. Das Plugin nutzt dieselbe Sanitizer-Bibliothek wie der WordPress-Core (enshrined/svg-sanitize) und schleust jede Datei beim Upload durch diese Prüfung. Keine zusätzlichen Oberflächen, keine Einstellungen; es funktioniert einfach.

Safe SVG erlaubt SVG-Uploads für alle Benutzer, die über die upload_files-Berechtigung verfügen. Hat Ihre Website mehrere Autoren, sollten Sie die Gruppe zusätzlich einschränken, beispielsweise über ein Rollenverwaltungs-Plugin. Für einen Solo-Administrator ist dies jedoch der einfachste und sicherste Weg.

Das Plugin existiert seit Jahren, hat über 1 Million aktive Installationen und eine Bewertung von 4,4. Es wird seltener aktualisiert als SVG Support (zuletzt im April 2026), aber das ist eher ein Zeichen von Stabilität: Es gibt nichts, was kaputtgehen könnte.

• Vorteile: keine Konfiguration nötig, funktioniert out of the box, Sanitizer auf WordPress-Core-Niveau, Entwickler mit tadellosem Ruf
• Nachteile: keine Zugriffskontroll-Einstellungen, kein erweiterter Modus für Animationen, kein Inline-Rendering
• Preis: kostenlos
• Download: 🔗 Safe SVG auf WordPress.org

Methode 3: WP SVG Images, Sanitizer mit Rollenkontrolle

WP SVG Images wird vom ShortPixel-Team entwickelt, das für seine Bildoptimierungswerkzeuge bekannt ist. Das Plugin nimmt eine Mittelstellung zwischen SVG Support und Safe SVG ein: Rolleneinstellungen sind vorhanden, aber überflüssige Bildschirme gibt es nicht.

Nach der Aktivierung erlaubt das Plugin sofort SVG-Uploads für alle Administratoren und Redakteure. Unter Einstellungen → WP SVG Images können Sie fein justieren, welche Rollen hochladen dürfen, und die Sanitizer-Prüfung für jede Rolle einzeln aktivieren. Zum Beispiel: Administratoren laden ohne Prüfung hoch, Redakteure mit obligatorischer Prüfung, Autoren dürfen gar nicht.

Ein zusätzliches Plus ist die SVG-Vorschau direkt in der Mediathek. Das Standard-WordPress zeigt statt der Vektordatei ein Platzhalter-Icon an. WP SVG Images rendert ein Vorschaubild, sodass Sie genau sehen, was Sie hochgeladen haben, ohne die Datei in einem neuen Tab öffnen zu müssen.

Das Plugin stellt zudem Filter für Entwickler bereit: WPSVG_setAllowedTags und WPSVG_setAllowedAttrs erlauben es, benutzerdefinierte Tags und Attribute zur Sanitizer-Whitelist hinzuzufügen.

• Vorteile: SVG-Vorschau in der Mediathek, flexible Sanitizer-Einstellungen nach Rolle, Filter für Entwickler, aktiver Support
• Nachteile: kein erweiterter Animationsmodus, benötigt PHP 5.6.40+
• Preis: kostenlos
• Download: 🔗 WP SVG Images auf WordPress.org

Vergleichstabelle: Welches Plugin soll ich wählen?

Alle drei Plugins sind kostenlos und nutzen bewährte Sanitizer-Bibliotheken. SVG Support ist die Wahl für alle, die Animation und maximale Kontrolle benötigen. Safe SVG ist für diejenigen, die Einfachheit schätzen und keine Einstellungen anfassen möchten. WP SVG Images ist ein Kompromiss mit praktischer Vorschau und flexibler Rechteverteilung.

So installieren Sie ein SVG-Plugin und laden eine Datei hoch: Schritt für Schritt

Unabhängig davon, für welches Plugin Sie sich entscheiden, ist der Installationsprozess identisch:

Schritt 1. Öffnen Sie im WordPress-Adminbereich Plugins → Installieren.

Schritt 2. Geben Sie im Suchfeld den Plugin-Namen ein: SVG Support, Safe SVG oder WP SVG Images.

Schritt 3. Klicken Sie auf der Karte des gewünschten Plugins auf Jetzt installieren, anschließend auf Aktivieren.

Schritt 4. Verfügt das Plugin über Einstellungen (SVG Support oder WP SVG Images), navigieren Sie zum entsprechenden Tab und aktivieren Sie die Rollenbeschränkungen. Bei Safe SVG entfällt dieser Schritt.

Schritt 5. Öffnen Sie den Beitrags- oder Seiten-Editor. Klicken Sie im Bild-Block auf „Hochladen"; das .svg-Format steht nun auf der Whitelist.

Bevor Sie eine SVG-Datei hochladen, stellen Sie sicher, dass Sie der Quelle vertrauen. Verwenden Sie idealerweise Dateien, die Ihr Designer in Illustrator, Figma oder Inkscape erstellt hat. Haben Sie ein SVG von einem externen Dienstleister erhalten, öffnen Sie es im Editor und überfliegen Sie es kurz: Es sollten sich keine <script>- oder onload=-Einträge darin befinden.

In der Praxis sorgen eine manuelle Drei-Sekunden-Prüfung plus der Plugin-Sanitizer für eine doppelte Sicherheitsreserve. In jahrelanger Arbeit mit WordPress ist uns kein einziger realer Vorfall mit SVG begegnet, das über eines der drei beschriebenen Plugins hochgeladen wurde.

Falls Sie das Videoformat bevorzugen: Der Clip oben zeigt den gesamten Ablauf von der Plugin-Installation bis zum Einfügen eines SVG auf einer Seite.

⁉️🤔 Häufig gestellte Fragen

Kann ich SVG ohne Plugin hochladen?

Fügen Sie einen Snippet mit dem upload_mimes-Filter hinzu, der den MIME-Typ image/svg+xml registriert. Wir raten jedoch von diesem Vorgehen ab: Ohne Sanitizer setzen Sie Ihre Website einem stored-XSS-Risiko aus. Ein Plugin löst das Sicherheitsproblem automatisch; ein paar Klicks gegen ein potenzielles Einfallstor.

Warum ist das Plugin Enable SVG nicht mehr verfügbar?

Grund: „Author Request." Das Plugin wurde 4 Jahre lang nicht aktualisiert und dauerhaft von WordPress.org entfernt. Sollten Sie es installiert haben, ersetzen Sie es durch eines der drei oben genannten Plugins. Diese werden aktiv gepflegt und sind mit WordPress 7.0 kompatibel.

Wie überprüfe ich, ob ein hochgeladenes SVG sicher ist?

Ein sicheres SVG besteht aus grafischen Grundelementen wie svg, g und path. Kein script, kein foreignObject und keine onload- oder onclick-Attribute tauchen in einer sauberen Datei auf. Alle drei Plugins in diesem Artikel entfernen gefährliche Elemente beim Upload automatisch.

Welches Format ist für ein Logo besser, SVG oder PNG?

SVG ist für die meisten Websites die richtige Wahl. Ein Vektor-Logo benötigt nur wenige Kilobyte, wird auf Retina-Bildschirmen nicht unscharf und kann seine Farbe per CSS ändern. PNG ist nur dann nötig, wenn das Logo ein Foto oder einen komplexen Farbverlauf enthält, der als Vektor schlecht darstellbar ist.

WP SVG Images oder Safe SVG: Welches ist zuverlässiger?

Der Unterschied liegt im Komfort. Safe SVG ist „Installieren und Vergessen" von einer Elite-Agentur. WP SVG Images bietet Ihnen Vorschauen in der Mediathek und individuelle Rolleneinstellungen. Sicherheitstechnisch sind sie gleichwertig.

Fazit: Was Sie 2026 installieren sollten

Alle drei Plugins lösen die Aufgabe des sicheren SVG-Uploads; die Wahl hängt von Ihrem Anwendungsfall ab.

Benötigen Sie Animation von Vektor-Icons und Inline-Rendering? Greifen Sie zu SVG Support; es ist das einzige Plugin mit erweitertem Modus.

Möchten Sie einfach nur ein Logo hochladen und das Problem vergessen? Safe SVG ist Ihre Option. Installieren, aktivieren, erledigt.

Brauchen Sie Mediathek-Vorschauen und eine feingranulare Zugriffskontrolle für Ihr Team? Wählen Sie WP SVG Images; ShortPixel hat ein praktisches Werkzeug mit der besten Bewertung unter den SVG-Plugins geschaffen.

Kurz gesagt: Installieren Sie Safe SVG für Minimalismus oder SVG Support für volle Kontrolle. Beide Optionen sind kostenlos und auf Millionen von Websites erprobt. Und das Wichtigste: Nach der Installation eines der drei Plugins verschwindet die Fehlermeldung „Dateityp nicht erlaubt" endgültig.