Mit Daten-URLs Bilder und andere Daten in Textdokumente integrieren
Zum schnellen Einbauen von Bildern in HTML oder Markdown gibt es Daten-URLs. Außerdem können Sie damit prima Programmabläufe verschleiern. So geht's!
- Oliver Lau
Angenommen, Sie verfassen ein Dokument in Markdown, das nicht nur Text, sondern auch Bilder enthalten soll. Typischerweise verlinken Sie Bilder in Markdown mit einer Anweisung wie .
Falls Sie ein solches Dokument versenden wollen, müssen Sie sicherstellen, dass Sie auch alle darin erwähnten Bilder mitschicken. Hören Sie schon das genervte "Anhang vergessen?" des Empfängers? Vielleicht pflegen Sie aber auch eine Webseite, die kleine Bildelemente wie Logos enthält. Wenn Sie die alle per <img src="..."> oder per CSS-Attribut (etwa background-image: url(...)) ins Dokument eingebaut haben, verlängert das die Ladezeit der Seite mitunter drastisch.
In beiden Fällen können Sie sich mit sogenannten "Data URLs" behelfen.
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Sieben Docks mit Thunderbolt 4 im Test: Für Produktivität im Büro und unterwegs
Fire-TV-Hacks: So holen Sie mehr aus dem Streaming-Stick heraus
IT-Sicherheit härten: Wie ein Auftragshacker ins Active Directory eindringt
Maker verteidigen die Ukraine: Ein Jahr Gegenwehr mit innovativer Technik
Programmieren lernen mit Python: heiß geliebt, weil kurz und verständlich