SVGs sind toll
SVG-Dateien sind toll. Sie sind meist nicht nur sehr klein (im Vergleich zu einer Pixelgrafik), man kann auch allerhand mit ihnen anstellen.
Weil eine SVG-Datei nichts anderes ist als eine XML-Datei, kann man sie einfach in eine HTML-Datei kopieren. Also die SVG im Texteditor öffnen, Quelltext kopieren und in der HTML-Datei bzw. dem Template einfügen. Schon ist auf der Webseite, an entsprechender Stelle, das Bild zu sehen.
Weil es sich um XML handelt, kann man dieses dann auch mit CSS manipulieren. Man kann einzelne Linien, Formen und Gruppen über CSS-Selektoren ansteuern und diese "stylen".
Ich wollte auf meiner Webseite seit geraumer Zeit einen kleinen Baum aus dem Footer ragen lassen. Habe das aber immer vor mich hingeschoben, weil das nichts Wichtiges ist. Heute juckte es mich aber in den Fingern.