Vložení obrázku přímo do XHTML

Na Rootu se objevila upoutávka na program HIWI, který umí převést obrázek na HTML tabulku - tím se dá na stránku umístit obrázek přímo do kódu, aniž bychom potřebovali zvláštní soubor (jpg, png...). Ale existuje i elegantnější cesta.

Obrázek totiž můžeme zakódovat do base64 a umístit přímo do kódu stránky. Využijeme přitom postup popsaný v RFC 2397. Výsledek pak vypadá takto:

Do (X)HTML stránky prostě místo <img src="obrázek.jpg" /> vložíme <img src="data:image/jpeg;base64,_BASE64_" />, kde za _BASE64_ dosadíme obsah souboru s obrázkem zakódovaný jako Base64 - ten získáme jako výstup příkazu: base64 obrázek.jpg

Výhodou je, že máme všechno v jednom souboru a obrázky se tak nemohou ztratit. Nevýhoda spočívá ve větší velikosti, jelikož Base64 reprezentace zabírá více místa než binární forma téhož obrázku.