技術メモ帳 このページをアンテナに追加 RSSフィード

2006-08-10

[]URI の data: スキーム 21:35 URI の data: スキームを含むブックマーク URI の data: スキームのブックマークコメント

今日初めて知ったのだが、data スキームを使えば

URIにデータを組み込めるそうだ。


以下のようにすれば、

dataスキームで、任意の画像を表示させる事が出来る。

<img src="data:image/gif;base64,BASE64データ">

たとえば、

google のロゴを dataスキーム

利用して表示したかったら、

$ curl -s http://www.google.com/images/logo_sm.gif | openssl base64 | tr -d '\n'

こんな感じで base64 化したロゴ画像データを

該当部分に、貼付ければ良い。

<img src="data:image/gif;base64,ここに貼付ける。">

該当RFC:

http://www.ietf.org/rfc/rfc2397.txt

ultraistultraist 2006/08/12 01:18 JavaScriptで画像処理できそうですね。

lurkerlurker 2006/08/12 01:48 なんだか画像処理もおもしろそうですね。
ちなみに、css内にデータ組み込むときとかに使われてるっぽい感じです。
background-image: url(”data:hoge...”); みたいな感じで。