画像→Base64 — data URI 変換
画像をBase64 data URIに変換(imgやCSSスニペット付き)、または逆変換。すべてブラウザ内で動作します。
🔒 すべてあなたのブラウザ内で動作します。入出力データはサーバに送信・保存されないため安全です。
🔒 エンコードはブラウザ内で行われ、画像はアップロードされません。
このツール、役に立った?タップでリアクション
このツールについて
このツールは、画像をBase64のdata URIに変換し、HTML・CSS・JSONにそのまま貼り付けられる文字列を生成します。逆にdata URIから画像へデコードしてダウンロードすることも可能です。ファイルをドロップすると、データ文字列に加えてimgタグやCSS背景用のスニペットも得られ、小さなアイコンをインライン埋め込みして通信回数を減らすのに便利です。変換はすべてブラウザ内で行われるため、画像がサーバーにアップロードされることはありません。
よくある質問
画像をBase64で埋め込むのはどんなときですか?
Base64は、アイコンやロゴのように小さくて頻繁に使う画像に最適です。HTMLやCSSにインラインで埋め込むことで、別途の通信リクエストを減らせます。大きな写真の場合は、Base64にするとデータが約3分の1大きくなるため、通常の画像ファイルのままにするのが一般的です。
エンコード後の文字列が元画像より大きいのはなぜですか?
Base64はバイナリデータを印字可能な文字だけで表すため、約33%のオーバーヘッドが加わります。インラインにしたい小さな素材ならこのトレードオフは問題ありませんが、大きな画像を別ファイルのままにしておくべき理由でもあります。
エンコード中に画像はアップロードされますか?
いいえ。画像はブラウザ内でローカルに読み込まれてBase64に変換されるため、端末内にとどまり、サーバーへ送信・保存されることはありません。