FK~

Moje odkazy

Ostatní odkazy

EFF: svoboda blogování
Close Windows
Nenajdete mě na Facebooku ani Twitteru
Rozpad EU
Jsem členem FSF
Jsem členem EFF

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ářů


Franta, 4. 9. 2008 21:49, Pokusný komentář [odpovědět]

reCaptcha funguje :-)


Martin Hassman, 21. 9. 2008 18:33, ie [odpovědět]

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.


xkucf03, 23. 9. 2008 13:39, MSIE [odpovědět]

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 :-)


xkucf03, 19. 2. 2009 20:47, RFC [odpovědět]

BTW: odkazované RFC je ze srpna 1998, to je více než deset let :-)

Přidat komentář

reagujete na jiný komentář (zrušit)
jméno nebo přezdívka
název příspěvku
webová stránka, blog
e-mailová adresa
nápověda: možnosti formátování
ochrana proti spamu a trollům

Náhled komentáře