Data URI 変換

ファイルを Base64 data URI に

100% ローカル処理 — データのアップロードはありません
出力
—

使い方

  1. 「ファイル → Data URI」を選択して任意のファイルをドロップします。
  2. 生成された data: URI を HTML や CSS にそのまま貼り付けできます。
  3. または Data URI を貼り付けて内容を確認し、元のファイルをダウンロードできます。

FAQ

本番環境で data URI を使ってもよいですか?

ごく小規模なアセットのみとしてください。Data URI は HTML/CSS を肥大化させ、個別にキャッシュされず、バイナリより約 33% バイトが多くなります。

サイズの上限はありますか?

ブラウザが読み取れるファイルなら扱えますが、数百 KB を超える data URI はマークアップでは実用的ではありません。