Data URI Scheme Converter
ブラウザだけでファイルから Data URI Scheme を生成します。
説明 /
コンバーター /
ヒストリー /
戻る
説明
- ファイルの実体情報を URI に含ませた
Data URI Scheme
と呼ばれる特殊な URI があります。
アドレスだけで他にファイルを必要とせずに画像などを表現できるため、
小さなデータを参照元の HTML や CSS に組み込んで HTTP リクエストを減らし、
結果的に Web ページの表示速度を高速化したりできます
(文字データになるので容量は増えますが)。
-
-
例えばこの画像は
<IMG SRC="data:image/gif;base64,R0lGODlhIAAgAPcAAACA+ … KQMCADs=">
のように Data URI Scheme で表示しています。
-
- このオンラインツールはファイルから Data URI Scheme を生成します。
base64 エンコーディングで生成し、コンテンツタイプに制限はありません。
ブラウザの機能だけで実現しているため、
ネットワーク上にファイルの内容は流れません。
ただしそのために、ブラウザが古いと動作しません (主要なブラウザの最新版は
いずれも対応しているはずです)。
-
- 手元にあるファイルを下の点線内にドラッグ&ドロップして下さい。
Data URI Scheme が表示されますので、コピーして HTML や CSS にお使い下さい。
ヒストリー
- 2015/ 1/ 9
- 作成、公開しました。
戻る