Moje odkazy
Vložení obrázku přímo do XHTML
vydáno: 30. 7. 2008 11:18, aktualizováno: 29. 1. 2014 23:16
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.
Témata: [www]
Komentáře čtenářů
Pozor, že tohle řešení nefunguje v IE. IE8 sice už protokol data podporuje, ale má jeho délku poměrně omezenou, takže se do něj často ani malé obrázky nevejdou.
njn, ten MSIE, sedmička přišla s tak pokrokovou věcí, jako je průhlednost v PNG, tak snad se někdy jeho uživatelé dočkají i téhle vymoženosti. Věřím, že tak do deseti let by to mohli stihnout :-)
BTW: odkazované RFC je ze srpna 1998, to je více než deset let :-)