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
There Is No Cloud …just other people's computers.

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