Duri.me - A beautifully simple image-to-DataURI converter.

画像アップでインラインで使えるbase64形式に変換してくれる「Duri.me」
HTTPのコネクションを減らして未ロードの画像を高速に表示できるdataURLですが、実際ページの作成でやるとなると、面倒でやらない場合が多かったりしますが、このツールで手間を軽減できそう。
Chrome等のブラウザであればドラッグ＆ドロップすれば速攻で変換してくれます。



ファイルをアップすると３つの選択肢が現われます。<img>タグでもらうか、CSSでもらうか、base64データのみをもらうかの選択をします。



選択肢を選ぶとクリップボードにコピーできます







これは便利。
<img>でやると毎回ロードが発生するのでCSSにしてCSSをexpiresでキャッシュするのが良さげですね

関連エントリ

• クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」
• ドラッグ＆ドロップでファイルをアップできるHTML5のデモ
• ドラッグ＆ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」
• アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」