ArtSaltのサイドストーリー

音楽、フリーウェア、WEBサービス、食べものなどに関する日記。トラックバック、コメント歓迎。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

画像をdataスキームに変換するBase64エンコーダ

画像をブログに載せる方法。

たとえば Yahoo! JAPAN のファビコン。こいつのURLは、http://yahoo.co.jp/favicon.ico とか http://img.yahoo.co.jp/favicon.ico とか http://img.yahoo.co.jp/i/jp/my/favicon.ico とか。
ロケーションバー(またはアドレスバー)にそれらを入力してEnterたたけば、ちゃんとYahoo!のファビコンが表示される

だから、ブログの記事の中に、

<p style="text-align:center"><img src="http://yahoo.co.jp/favicon.ico" width="16" height="16" alt="Yahoo!のファビコン" /></p>

と、書いとけば、ブラウザがYahoo!のファビコンを表示してくれる。

dataスキームを使って画像を表示する

ここまでは普通のやり方。

これはあまり知られていないのかな。dataスキームを使ってWEBページに画像を表示することが可能であること。
CSSでも使える。ただしOperaとFirefoxだけらしい(Internet Explorer 7 は対応していない??)。

WEBにある画像だったら、ここでdataスキームに変換できる。最近発見してしまった。
[JavaScript] dataスキームURI生成(画像データのBase64変換)

この技。
悪用できそう …
でも、「IEが未対応」というのが本当の話なら、悪用する人はあまりいないかも。

でも、FirefoxとかOperaのユーザであれば、ユーザスタイルシートとかuserChrome.cssで利用する価値はおおいにある。

あと、ローカルにあるファイルをdataスキームに変換してくれるWEBサイトをみつけたんだけど、失念。どっかにブックマークしといたんだけど。

そういうことをやってくれるフリーウェアがたくさんある。

これを使ってみた。
Base64エンコーダ。
Base64エンコーダ(Windows95/98/Me / ユーティリティ)

WindowsXPでももちろん使える。

取扱説明書 (ReadMe.htm) を少し引用。

紹介

この度はBase64エンコーダをご利用いただきありがとうございます。
このソフトはインターネット上の簡易な符号化・暗号アルゴリズム「Base64」をエンコード・デコードするソフトです。
また1方向ハッシュアルゴリズム[MD5]やURLエンコード・デコード機能も実装しています。
Shift-JISからJIS、EUC、Unicode(UTF-8)への変換後にエンコード、デコードができます。
Base64エンコードをおこなわずに、単に文字コードの変換だけをおこなうこともできます。
ファイルのドラッグ&ドロップに対応し、ファイルをまるごと変換/保存することが出来ます。
インターネットアプリケーションのデバッグやメールのデコード等に最適です。
おまけとして添付のBase64c.exeはコマンドラインからのエンコード/デコード/ファイル変換がおこなえます。
バージョン4.4からは、さらにおまけのおまけとしてCOM版も添付されています。
COM版を使用するとASPやWSH、もちろんVBなどから、簡単にBase64が使えるようになります。
また、DLLのコーリングシーケンスも公開しています。

Base64エンコーダのスクリーンショット

当ブログ内の関連エントリ(2007年06月05日以前)

リンクが何であるのか一目でわかるCSS - 別ウィンドウとか別タブで開こうとするリンクが一目でわかるCSS

Google
WWW ArtSaltのサイドストーリー
Web site (optional)
Comment - Need to type CAPTCHA, an image of distorted Japanese Hiragana or Katakana afterward.
Password - Not allowed to modify your comment later if password not entered.
On secret mode?
 

http://art2006salt.blog60.fc2.com/tb.php/478-fd2ecbc1

このブログについて

最近のエントリ

カテゴリー
あわせて読みたいブログ

あわせて読みたい

最近のコメント
Internet Explorer
よりも便利です

Opera 9 - Always secure with Opera Firefoxをダウンロード!!

相互リンク
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。