Bisher benutzte ich tolle Online Dienste wie SVG to PNG oder SVG to JPEG. Diese Methode taugt bestens für einzelne, unregelmäßige Anwendungen. Gibt es jedoch bestimmte Grafiken nur im SVG Format, oder werden es mehr, dann ist Abhilfe gefragt. Das Plugin SVG Support von Benbodhi der Kategorie Set it and forget it
ist dazu genau richtig. Läuft übrigens problemlos unter WP 6.0-RC1.
SVG Support – Beschreibung
Wenn Sie SVG-Bilder auf Ihrer WordPress-Seite verwenden, kann es schwierig sein, Elemente innerhalb des SVG mit CSS zu gestalten. Das können Sie jetzt ganz einfach!
SVG Support
Wenn Sie den erweiterten Modus aktivieren, bietet dieses Plugin nicht nur SVG-Unterstützung, wie der Name schon sagt, es ermöglicht Ihnen auch, den Code Ihrer vollständigen SVG-Datei einfach mit einem einfachen IMG-Tag einzubetten. Durch Hinzufügen der Klassestyle-svg
zu Ihren IMG-Elementen ersetzt dieses Plugin dynamisch alle IMG-Elemente, die die Klassestyle-svg
enthalten, durch Ihr vollständiges SVG.
Der Hauptzweck besteht darin, das Styling von SVG-Elementen zu ermöglichen. Normalerweise sind Ihre Gestaltungsmöglichkeiten eingeschränkt, wenn Sie nurEmbed
-,Objekt
– oderImg-Tags
verwenden.
Hilfe und weitere Informationen finden Sie auf der Registerkarte „Hilfe“ (oben rechts auf Ihrem Bildschirm).
Beispiel einer SVG-Grafik
Besonders eignen sich das SVG-Format, wenn eine Grafik an verschiedenen Orten in unterschiedlichen Größen auf der Website erscheinen soll.
Das spart auch, glaube ich, jede Menge Bilddateien in der Datenbank. Jedenfalls aber verbessern sich dadurch die Ladezeiten.
Mobil-freundlich
Mittlerweile erfolgen mehr als die Hälfte aller Seitenzugriffe, nicht nur meiner, über mobile Geräte.