小さな素材はインライン化
アイコンや小さな画像を Data URI として埋め込むと、HTTP リクエストを1回減らせ、HTML や CSS のファイル1つで完結させられます。
画像を Base64 に変換
画像を Base64 文字列や Data URI にエンコードし、HTML・CSS・JSON・メールテンプレートにそのまま貼り付けられます。必要なスニペットはワンクリックでコピーできます。
画像はお使いの端末で処理され、アップロードされることはありません。
エンジンを読み込み中…
このツールの使い方
- 01
画像を追加します。
- 02
出力形式を選びます。Data URI、生の Base64、HTML の img タグ、CSS の背景から選べます。
- 03
結果をクリップボードにコピーするか、テキストファイルとしてダウンロードします。
サイズにご注意を
Base64 は元のファイルより約3分の1大きくなります。数キロバイト程度の画像に向いているため、大きな画像は先に圧縮してください。
よくある質問
Data URI とは何ですか？
Data URI は、data:image/png;base64,… のように MIME タイプを先頭に付けた Base64 文字列で、ブラウザが URL を期待するあらゆる場所で使えます。
サイズの上限はありますか？
非常に長い文字列は、エディターの動作を重くすることがあります。出力が 1 メガバイトを超えると、ツールが警告を表示します。
画像はアップロードされますか？
いいえ。エンコードはブラウザ内で行われます。