# Image ↔ Base64 Converter

> 画像をBase64データURIに変換、Base64から画像に復元。一括ドラッグ＆ドロップ、貼り付け対応、生データ/データURI/<img>/CSS出力。

- URL: https://bytescope.dev/ja/image-base64/
- Locale: ja · Also: [en](https://bytescope.dev/en/image-base64.md) · [zh-Hant](https://bytescope.dev/zh-Hant/image-base64.md)
- Runs: ファイルはブラウザから送信されません — 処理はすべてローカルで行われます。
- Requires: Any modern browser (Chrome, Edge, Firefox, Safari), desktop and mobile.
- Updated: 2026-09-08

## What it does

このコンバーターは画像ファイルを、HTML・CSS・JSON・ソースコードに直接埋め込めるBase64文字列に変換し、Base64文字列をダウンロード可能な画像に戻すこともできます。画像は何枚でもドロップ・選択・ペースト可能。各画像にはすぐコピーできる4つの形式 — 生のBase64ペイロード、完全な`data:` URI、HTMLの`<img>`タグ、CSSの`background-image`ルール — を備えたカードが表示されます。

デコード側も同じくらい寛容です。data URIプレフィックスの有無、複数行にまたがる折り返し、複数のBlobの同時ペーストにも対応 — ツールが自動で分割し、マジックバイトから実際の画像形式を検出して、プレビューとダウンロードボタンを表示します。

## Limits

Does not compress or resize images, and does not decode non-image data URIs.

## FAQ

### 画像はサーバーにアップロードされますか？

いいえ。変換はJavaScriptを使ってすべてブラウザ内で行われ、ファイルがデバイスから外に出ることはありません。一度読み込めば、このページはオフラインでも使えます。

### Base64の出力が元の画像より大きくなるのはなぜですか？

Base64はバイナリデータ3バイトを4文字のテキストで表現するため、出力は常に元ファイルより約33%大きくなります。HTML、CSS、JSONなどのテキスト形式の中にバイナリデータを埋め込めることと引き換えのサイズコストです。

### 画像ファイルの代わりにBase64データURIを使うべきなのはどんなときですか？

データURIが有効なのは、ファイルサイズよりHTTPリクエストの削減が重要な小さな画像（アイコン、ロゴ、数KB以下の小さなプレビュー）です。大きな写真では通常の画像URLの方がほぼ常に優れています — 別々にキャッシュでき、HTMLやCSSを肥大化させません。

### どの画像形式に対応していますか？

ブラウザが読み取れるものすべて：PNG、JPEG、GIF、WebP、SVG、BMP、ICO、AVIFです。デコード時はファイルのマジックバイトから形式を自動判別するため、Base64の中身が何かを知らなくても大丈夫です。

### 複数の画像を一度に変換できますか？

はい — 何枚でも画像をドロップまたは貼り付ければ、それぞれにコピーオプション付きのカードが作られます。複数のBase64ブロブやデータURIをまとめて貼り付けても、自動的に分割してデコードされます。