SVG Format
Bitmap-Grafiken in SVG

Bitmap-Grafiken in SVG einbetten

In eine SVG-Datei kann man auch Bitmap-Grafiken einbetten. Das sind in der Regel PNG-Daten. Ich spreche ganz bewusst von Daten und nicht von Dateien, denn wie gleich beschrieben wird, gibt es zwei Möglichkeiten der Einbettung einer Bitmap-Grafik.

Das Einbetten einer Bitmap-Grafik erfolgt mit Hilfe des image-Tags, und zwar mit einem Verweis auf das Bild

<image xlink:href="URL zum Bild" id="svg_3" height="173" width="191" y="41" x="182"/>

oder in dem die Grafikdaten direkt als Daten base64-kodiert eingefügt werden:

<image xlink:href="data:image/png;base64,hier die Datenbytes" id="svg_2" height="48" width="48" y="0" x="0"/>