画像 ⇄ Base64 変換 — data URL の生成 / 復元
画像ファイルを Base64 文字列 (data URL) にエンコードしたり、Base64 / data URL を画像にデコードしたりできます。CSS や HTML への埋め込み、API 送信用の文字列化、受け取った Base64 の確認に。data URL プレフィックスの有無を切り替え可能、デコード時は形式を自動判定してプレビュー / ダウンロードできます。画像は外部に送信されず、すべてブラウザ内で処理されます。
使い方
上部のモードで「画像 → Base64」か「Base64 → 画像」を選びます。「画像 → Base64」では画像をドロップまたは選択すると、自動的に Base64 文字列を生成します。「data URL プレフィックスを含める」を ON にすると `data:image/png;base64,...` 形式 (CSS の background や HTML の img src にそのまま貼れる形)、OFF にすると素の Base64 を出力します。「コピー」または「ダウンロード」(.txt) で取り出せます。「Base64 → 画像」では Base64 文字列または data URL を貼り付けると、形式を自動判定して画像を復元しプレビューします。「ダウンロード」で元の形式の画像ファイルとして保存できます。画像とテキストは外部に送信されず、すべてブラウザ内 (FileReader / atob / Blob) で処理されます。
よくある質問
- 画像はサーバーにアップロードされますか?
- いいえ。エンコードは FileReader.readAsDataURL、デコードは atob と Blob を使ってブラウザ内で完結します。ネットワーク通信は一切発生しません。
- data URL プレフィックスは付けるべきですか?
- 用途によります。CSS の `background-image: url(...)` や HTML の `<img src=...>` にそのまま埋め込むなら ON (`data:image/png;base64,` 付き) が便利です。API のボディや JSON に Base64 だけを入れたい場合は OFF にして素の Base64 を取り出してください。
- どんな画像形式に対応していますか?
- エンコードは画像ファイルであれば形式を問わず Base64 化できます (PNG / JPEG / WebP / GIF / SVG / AVIF / HEIC / BMP / TIFF など)。バイト列をそのまま文字列化するだけなので、アニメ GIF も全フレームが保持されます。ただし HEIC など一部の形式はブラウザがプレビュー表示できず、生成された data URL を img や CSS に貼ってもそのままでは表示されないことがあります (Base64 自体は正しく生成されます)。表示用途なら先に HEIC → JPEG / AVIF 変換ツールで PNG / JPEG にしてから本ツールに通すのがおすすめです。
- デコードで data URL のプレフィックスがない Base64 でも復元できますか?
- はい。プレフィックスがない場合は先頭のバイト列 (マジックナンバー) から PNG / JPEG / GIF / WebP / BMP / AVIF / SVG を自動判定します。判別できない場合はエラーになるので、可能であれば `data:image/形式;base64,` のプレフィックス付きで貼り付けてください。
- Base64 にするとサイズはどう変わりますか?
- Base64 は 3 バイトを 4 文字で表すため、元の画像よりおよそ 33% 大きくなります (data URL プレフィックス分はさらに数十文字)。HTTP リクエスト数を減らせる一方でキャッシュが効きにくくなるので、小さなアイコンやインライン埋め込み向きです。
- URL-safe な Base64 (- _) も読み込めますか?
- はい。デコード時は `-` `_` を標準の `+` `/` に置換し、パディングを補ってから復元するので、URL-safe 形式の Base64 もそのまま貼り付けられます。
類似のツール
画像形式変換 — JPG / PNG / WebP 相互
画像を JPEG / PNG / WebP の間で変換します。ブラウザの Canvas で再エンコードするのでネット通信なし。JPEG/WebP は品質スライダー対応。複数ファイル一括処理 + ZIP ダウンロード対応。
Base64 エンコード / デコード — URL-safe 対応
テキストと Base64 文字列を相互変換します。エンコード時は URL-safe オプション付き、デコード時は URL-safe 形式 (- _、パディングなし) も自動受付。UTF-8 安全、ブラウザ内処理。
AVIF を JPG / PNG / WebP に変換 — 古い Safari でも開ける形式へ
ブラウザネイティブの AVIF デコーダで .avif 画像を読み込み、JPEG / PNG / WebP として書き出します。AVIF はファイルサイズが小さく Web 配信向きですが、古い Safari やビューアでは開けないことが多く、メール添付や Office / Slack などへの貼り付けにも不向きです。複数ファイルを一括変換して ZIP でまとめてダウンロードもできます。アップロードした画像は外部に送信されず、すべての処理はブラウザ内で完結します。
HEIC / HEIF を JPG / PNG / WebP に変換
iPhone の HEIC / HEIF 画像を libheif-js (WASM) でブラウザ内に展開し、JPEG または PNG として書き出します。複数ファイル一括変換と ZIP 一括ダウンロードに対応。サーバーには 1 バイトも送信されません。