Easy SVG
Was Easy SVG Support macht, warum SVG-Dateien vor dem Speichern bereinigt werden müssen und wie Uploads und deine eigene Icon-Bibliothek zusammenspielen.
Mit Easy SVG Support lädst du SVG-Dateien sicher in WordPress hoch und hältst deine eigenen Icons an einem Ort. Diese Seite erklärt, was das Plugin macht, welche Begriffe dir in allen Anleitungen begegnen und wo es weitergeht.
Was ist eine SVG, und was ist daran besonders?
Eine SVG (Scalable Vector Graphic) ist ein Bild, das in jeder Größe scharf bleibt. Logos und Icons sind oft SVGs, weil eine kleine Datei auf dem Handy genauso gestochen scharf aussieht wie auf einem 4K-Bildschirm.
Anders als PNG oder JPEG besteht eine SVG nicht aus Pixeln. Sie ist eine Textdatei in XML, einer Auszeichnungssprache ähnlich wie HTML. Das macht sie flexibel, aber auch riskant: Eine SVG kann Skripte, versteckte Links und Verweise auf fremde Websites enthalten. Wer so eine Datei im Browser öffnet, führt diesen Code womöglich aus. Deshalb lässt WordPress SVG-Uploads von sich aus nicht zu.
Easy SVG Support löst das, indem es jede SVG bereinigt (englisch: sanitizing). Das Plugin liest die Datei, behält nur Zeichenanweisungen, die als harmlos bekannt sind, und wirft alles andere weg. Eine Datei, die sich nicht bereinigen lässt, wird abgelehnt.
Was du bekommst
| Funktion | Was sie für dich tut |
|---|---|
| SVG-Uploads | SVG-Dateien in der Mediathek und im Block-Editor hochladen, wie ein PNG. |
| Automatische Bereinigung | Jede SVG wird vor dem Speichern bereinigt. Das lässt sich nicht abschalten. |
| Größengrenze | Dateien über deiner Grenze werden abgelehnt, damit eine riesige Datei deine Website nicht ausbremst. |
| Sicherheitsnetz | SVGs, die auf anderen Wegen in die Mediathek kommen (Importer, andere Plugins), werden noch einmal geprüft. |
| Vorschauen | SVGs erscheinen in der Mediathek als echte Vorschaubilder. |
| Icon-Bibliothek | Eigene Icons unter Icons → Icon-Bibliothek sammeln und im Icon-Block, per Shortcode oder in PHP nutzen. |
Begriffe in diesen Anleitungen
| Begriff | Bedeutung |
|---|---|
| Bereinigen (Sanitizing) | Eine SVG so säubern, dass nur harmloser Zeichen-Code übrig bleibt. |
| Allow-Liste | Die Liste der SVG-Tags und -Attribute, die der Sanitizer behält. Alles, was nicht darauf steht, wird entfernt. |
| Icon-Bibliothek | Deine eigenen Icons, gespeichert in WordPress und auf der ganzen Website verfügbar. |
| Adresse (Slug) | Der kurze, eindeutige Name eines Icons aus Kleinbuchstaben, Zahlen und Bindestrichen, zum Beispiel easy-svg/heart. Templates und Blöcke finden das Icon darüber. |
| Sammlung | Eine benannte Gruppe von Icons. Das kostenlose Plugin hat eine Sammlung namens Easy SVG. Easy SVG Pro erlaubt beliebig viele. |
So greift alles ineinander
Kostenlos oder Pro?
Das kostenlose Plugin reicht, wenn du auf einer Website sicher SVGs hochladen und eine kleine Icon-Bibliothek pflegen willst. Easy SVG Pro ist für Agenturen und größere Websites gedacht.
| Du willst ... | Kostenlos | Pro |
|---|---|---|
| SVGs sicher hochladen | Ja | Ja |
| Eigene Icons pflegen und im Icon-Block nutzen | Eine Sammlung | Beliebig viele Sammlungen (Sets) |
| Ein ganzes ZIP, eine Icon-Schrift oder Font Awesome importieren | Nein | Ja |
| Icons als eine Datei zwischen Websites umziehen | Nein | Ja, als Icon-Pakete |
| SVGs finden und bereinigen, die nie bereinigt wurden | Nein | Ja, mit dem SVG-Cleaner |
| Icons in Elementor, WPBakery, ACF und anderen nutzen | Nur per Shortcode | Direkt in deren Icon-Auswahl |
Wie geht es weiter?
Plugin installieren
Installieren, aktivieren und einschalten, was du brauchst.
SVG-Dateien hochladen
Was mit einer Datei auf dem Weg in die Mediathek passiert.
Icon-Bibliothek aufbauen
Eigene Icons hinzufügen, umbenennen und ordnen.
Icons verwenden
Ein Icon per Icon-Block, Shortcode oder PHP zeigen.
Entwickler finden jeden Hook und jede Funktion in der Entwickler-Referenz.