画像 Base64 / Data URI 変換
画像ファイルをBase64 Data URIへ変換し、HTML/CSS埋め込みコードを生成。Base64文字列から画像ファイルへの逆変換にも対応します。
こんなお困りごと・シーンでお使いいただけます
1
HTMLメールや単一HTMLファイルに画像を直接インライン埋め込みし、外部画像参照によるリンク切れや通信遅延を防ぎたい
2
CSSの background-image: url(data:image/...) 用に、アイコンなどの小規模画像をBase64コード化したい
3
APIレスポンスのJSON等に含まれるBase64画像文字列を貼り付けて、元の画像としてプレビュー・保存確認したい
使い方・手順
- 1ファイルをドロップ（画像→Base64）するか、Base64文字列を貼り付け（Base64→画像）ます
- 2画像変換の場合は出力形式（Data URI / imgタグ / CSS url）や画像フォーマットを選択します
- 3生成されたコードをコピー、または復元された画像ファイルをダウンロードします
よくある質問 (FAQ)
- Q.画像をBase64化するとファイルサイズはどう変わりますか？
- Base64エンコードの仕様上、データ量は元のバイナリサイズより約33%（4/3倍）大きくなります。小さな画像での利用が推奨されます。
- Q.どの画像フォーマット（拡張子）に対応していますか？
- PNG・JPEG・WebP・GIF・SVGなどの主要な画像形式に対応しており、マジックバイトから自動判別も行います。
- Q.Base64化した文字列を直接 `<img>` タグ形式で出力できますか？
- はい。プレーンなBase64文字列に加えて、Data URI形式やHTML `<img>` タグ形式でワンクリックコピーできます。