SELFHTML aktuell  Artikel  Grafik/Multimedia
	Stefan R. Müller: Inline-Grafiken in HTML
	Stefan R. Müller  Das Bild  Das Besondere an dem Bild

Stefan R. Müller

E-Mail:	stefan@blinde-kuh.de
Homepage-URL:	http://www.blinde-kuh.de/

Bei Fragen zu diesem Beitrag bitte den Autor des Beitrags kontaktieren!

Das Bild

Wenn Sie das folgende Bild sehen, sehen Sie etwas Besonderes:

Das Besondere an dem Bild

Was ist daran schon cool? Nichts. Bis auf eine Kleinigkeit:
Das Bild steckt im HTML-Code!!

Quelle:  http://tools.ietf.org/html/rfc2397

Schema:

<img src="data:image/gif;base64,DATEN">

Beispiel des obigen Bildes:

<img src="data:image/gif;base64,
R0lGODlhmwDFAPcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0N
DQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8f
HyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDEx
MTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkND

.... und so weiter ... viele Zeilen mit scheinbar sinnlosen ASCII-Zeichen ....

gww18FBEikHcgNkMRW5lmkJI/teaa0wNiOhshFFuiRSVpL34nqQRphZmcV5miORZQwnRpndI
nUmiiTStuaKbLl4Z45wuuADDDDfsgNKeMmy160w1hdaVSZfupyiXSgLoWpOQFjgpWUsKCGem
CEXFlIRlBefllxqKKlyblb45olWqosgmi29iGiudM+6Knp5F6LhrDYYCccQRQuzQp1cBAQA7">

Erläuterung:

Das funktioniert bei Netscape 4.x, aber leider nicht beim MS Internet Explorer 4.x - 5.x.

Wenn man diese Seite sichert, so ist das Bild immer noch fest im HTML-Code verdrahtet. Kein Warten also, bis die Bilder nachgeladen sind.

Woher bekommt man eigentlich den Code im Base64-Format?

Der einfachste Trick besteht darin, die Bilder sich selbst per E-Mail als Attachment zu schicken. Sie befinden sich dann im Quelltext des Mails. Damit Bilder im 7-Bit-Format gesendet werden können, werden sie vom MailClient ins BASE64-Format umgerechnet. Dadurch werden sie allerdings auch doppelt so lang. Macht aber nichts.

Was hat man davon?

Es ist keine Spielerei, sondern so wird es möglich z.B. Firmenlogos fest in die HTML-Seiten zu verschweißen. Na, wenn das kein Argument ist!

Mit ein wenig Javascript kann man sogar noch dafür sorgen, daß solche Bilder nur in den Browsern erscheinen, die sowas überhaupt interpretieren können.
Mit ein wenig mehr Javascript könnte man, wenn man will, so Grafiken konstruieren. Ach was, der Weg ist damit sogar frei für die Grafik-Programmierung in JavaScript, Perl usw.

Jedenfalls, alles in allem eine interessante Perspektive, die da im RFC2397 besprochen wurde. Mal sehen, wohin die Entwicklung geht.

 SELFHTML aktuell  Artikel  Grafik/Multimedia

© 2007  Impressum