Base64画像文字列をデコード欄に貼り付け、デコードボタンをクリックします。文字列が有効な画像データの場合、ページにプレビューが表示され、デコードした画像をダウンロードできます。
Base64を画像に変換・画像をBase64に変換
ブラウザ内でBase64を画像に変換、または画像をBase64に変換できます。Base64を貼り付け、10MBまでのPNG/JPG/GIF/WebP/BMPをアップロードし、結果をプレビューまたはコピーできます。
画像→Base64
10MBまでのPNG、JPG、GIF、WebP、BMPをアップロードしてBase64 Data URIを作成
Base64Base64→画像
data: プレフィックスの有無にかかわらずBase64画像文字列を貼り付け、画像をプレビューしてダウンロード
デコードされた画像がここに表示されます
このBase64画像ツールでできること
このページは、Base64を画像に変換することと、画像をBase64に変換することに特化しています。汎用のテキストエンコーダーではありません。入力と出力は、ブラウザで読み取れる画像データを対象にしています。
| 作業 | 入力 | 出力 |
|---|---|---|
| Base64を画像に変換 | `data:` プレフィックス付き、またはなしのBase64文字列 | プレビューしてダウンロードできる画像 |
| 画像をBase64に変換 | 10MBまでのPNG、JPG/JPEG、GIF、WebP、BMP画像 | Base64 Data URIテキスト |
| Base64画像ビューア | 貼り付けたBase64画像文字列 | ブラウザ内の画像プレビュー |
| Data URIの確認 | `data:image/png;base64,...` のような値 | 画像プレビューとダウンロード可能な結果 |
エンコーダーの出力は、素のBase64文字だけではなく完全なData URIです。そのため、画像の `src`、CSS背景、画像データをテキストとして扱うJSONフィールドに直接使いやすくなります。
Base64を画像に変換する
Base64画像文字列をデコード欄に貼り付け、デコードボタンをクリックします。ツールはBase64の内容を検証し、画像プレビューを作成し、画像として表示できる場合はダウンロードを有効にします。
貼り付けられる形式は次の2つです：
| 対応する入力 | 例 | メモ |
|---|---|---|
| 完全なData URI | `data:image/png;base64,...` | MIMEタイプが分かっている場合に最適 |
| 素のBase64 | `iVBORw0KGgo...` | PNG、JPEG、GIF、WebP、BMPの検出を試みます |
素のBase64文字列にMIMEタイプが含まれていない場合、デコーダーは一般的な画像シグネチャを確認し、必要に応じてPNG形式として扱います。文字列が有効なBase64でない、または画像として使えない場合は、壊れたダウンロードを作るのではなくエラーを表示します。
画像をBase64 Data URIに変換
画像ファイルを1つアップロードすると、Base64 Data URIを作成できます。エンコーダーは選択した画像をブラウザ内で読み取り、生成したBase64テキストを出力欄に表示します。
対応する画像入力
アップロード欄は画像ファイル専用です。安定した結果を得るには、PNG、JPG/JPEG、GIF、WebP、BMPを使ってください。現在のアップロード上限は10MBのため、非常に大きい元画像はこのページを使う前にリサイズまたは圧縮してください。
Base64出力に含まれるもの
生成される値には、`data:image/png;base64,` のようなData URIプレフィックスが含まれます。このプレフィックスは、後続のテキストがどの種類の画像データかをブラウザに伝えます。素のBase64部分だけが必要な場合は、生成されたテキストをコピーして、自分の作業内でプレフィックスを削除してください。
Base64画像ビューアとして使う
長いエンコード文字列があり、それがどの画像を表しているか確認したいときに、Base64画像ビューアが役立ちます。一時ファイルを手作業で作る代わりに、文字列をこのツールに貼り付けてプレビューできます。
次のような場面で便利です：
| 用途 | プレビューが役立つ理由 |
|---|---|
| APIレスポンス | 画像フィールドに期待した画像が入っているか確認できます |
| HTMLやCSSの断片 | ページに配置する前に `data:image/png;base64` の値を確認できます |
| メールやテンプレートのテスト | アイコンやロゴなど、小さな埋め込み素材を確認できます |
| 画像データのデバッグ | エンコード値が有効な画像内容か確認できます |
このビューアは画像の確認用で、編集用ではありません。ページはデコード後の画像を切り抜き、リサイズ、圧縮、背景削除、変更することはありません。
Data URI、素のBase64、画像形式
Base64画像データには主に2つの形式があります。Data URIにはメディアタイプとプレフィックスが含まれます。素のBase64にはエンコード文字だけが含まれます。
| 形式 | 例 | 適した用途 |
|---|---|---|
| Data URI | `data:image/png;base64,iVBOR...` | HTML、CSS、プレビュー、ブラウザ表示 |
| 素のBase64 | `iVBORw0KGgo...` | APIフィールド、データベース値、ログ、独自データ |
キーワード `data image png base64` は通常、`data:image/png;base64,...` というData URI形式を指します。このツールはそのような値をプレビューでき、画像をアップロードしたときにData URIを生成することもできます。
Base64は画像を圧縮しません。多くの場合、Base64テキストは元のバイナリファイルより約3分の1大きくなります。ファイルサイズを最小にすることより、テキストでの受け渡しやインライン埋め込みが重要な場合に使ってください。
プライバシーとブラウザ内処理
このBase64エンコード・デコードツールはブラウザ内で動作します。エンコード用にアップロードした画像はブラウザでローカルに読み取られ、Base64のデコードもブラウザAPIでプレビューを作成します。
画像をBase64として作成または表示するだけのために、変換サーバーへ送信する必要がないため、簡単な確認、開発時の受け渡し、個人的な画像データの確認に便利です。処理速度は、デバイス、ブラウザ、ファイルサイズ、特に10MBのアップロード上限に近いかどうかに左右されます。
このページは通常の画像データに使ってください。組織のセキュリティルールで許可されていない限り、秘密情報、認証情報、本番環境の機密データをブラウザツールに貼り付けないでください。
よくある質問
はい。Base64画像の値を貼り付けると、ブラウザ内で画像を表示できます。APIレスポンス、Data URIの断片、他の場所で使う前のエンコード済み画像文字列の確認に便利です。
10MBまでのPNG、JPG/JPEG、GIF、WebP、BMP画像をアップロードします。ツールはブラウザ内で画像を読み取り、出力欄からコピーできるBase64 Data URIを生成します。
`data:image/png;base64` 文字列はData URIです。`data:image/png;base64,` の部分は、後続のテキストがBase64エンコードされたPNG画像データであることをブラウザに伝えます。このツールではその値をプレビューでき、アップロードしたPNG画像から作成することもできます。
はい。`data:` プレフィックスなしの素のBase64を貼り付けられます。デコーダーはPNG、JPEG、GIF、WebP、BMPなどの一般的な画像形式を識別してからプレビューを表示します。
画像をBase64に変換する場合は、10MBまでのPNG、JPG/JPEG、GIF、WebP、BMPファイルを使えます。Base64を画像に変換する場合は、ブラウザで読み取れる画像データを表すBase64文字列を対象にしています。
エンコードとデコードはブラウザ内で行われます。選択した画像はエンコードのためにローカルで読み取られ、貼り付けたBase64もプレビューとダウンロードのためにブラウザ側でデコードされます。
いいえ。Base64はエンコード方式であり、圧縮ではありません。Base64テキストは元の画像ファイルより大きくなることが多いため、画像を小さくしたい場合ではなく、画像データをテキスト形式で扱う必要がある場合に使ってください。
いいえ。このページは画像用です。プレーンテキストをBase64にエンコードしたり、Base64を読みやすいテキストにデコードしたりする汎用テキスト変換ツールではありません。
いいえ。このページは画像のBase64に特化しています。Base64をPDFに変換したり、任意のファイルをデコードしたり、Base64URL形式を扱ったり、Python、Java、コマンドラインのコード例を提供したりするものではありません。