Base64を画像に変換
Base64文字列を画像に戻します
Base64文字列
これらの例を試す
ファイル情報
- サイズ
- 0 B
- MIMEタイプ
- —
- 形式
- —
- 画像の寸法
- —
対応形式
- データURI形式の記述は次のとおりです: data:image/png;base64,iVBORw0KGgo…
- 生のBase64とURLセーフなBase64: PNG、JPG、GIF、WebP、BMP、ICO、AVIF、SVGのバイトデータを検出
- データURIのMIMEタイプは保持されます。画像のプレビューはブラウザの対応状況によって異なります
- ダウンロード時は再圧縮せず、デコードした元の画像のバイトデータを保持します
画像プレビュー
有効なBase64文字列を入力すると、画像のプレビューを確認できます。
0文字
有効なBase64文字列を入力すると、画像のプレビューを確認できます。
Base64を画像に変換について
無料のBase64を画像に変換は、Base64エンコードされた文字列を、表示・ダウンロードできる画像ファイルに戻します。HTML文書のデータURI、APIレスポンスのBase64文字列、データベースのエンコードされた画像データなどから、画像を即座に表示し、形式の詳細情報を提供します。
Base64エンコードは、64文字の集合を使い、画像などのバイナリデータをASCIIテキストとして表します。HTML、CSS、JSONレスポンス、メールに画像を直接埋め込むためによく使われます。このデコードツールはその処理を逆に行い、Base64テキストから元の画像を復元して、プレビューとダウンロードを可能にします。
このツールは完全なデータURI形式(data:image/png;base64,...)と、ヘッダーのないBase64文字列の両方に対応しています。MIMEタイプから画像形式を自動検出し、推定サイズなどのファイル情報を表示して、元の形式でデコードした画像をダウンロードできます。サーバーへのデータのアップロードは一切ありません。
主な機能
- Base64文字列を表示可能な画像に即座にデコード
- データURI形式とヘッダーのないBase64入力の両方に対応
- MIMEタイプと画像形式を自動検出
- 主要な形式すべてに対応: PNG、JPG、GIF、WebP、SVG、BMP
- 実際の表示結果による画像のライブプレビュー
- デコードした画像の推定ファイルサイズを計算
- デコードした画像を元の形式でワンクリックダウンロード
- すばやく入力できるクリップボードからの貼り付けボタン
- ツールを試せる組み込みのサンプルテンプレート
- 完全にクライアント側で処理し、プライバシーを保護
Base64を画像に変換の使い方
- Base64文字列を貼り付け: 入力欄にBase64エンコードされたテキストを入力してください。直接入力、手動での貼り付け、または「貼り付け」ボタンによるクリップボードからの読み取りができます。
- 自動デコード: 文字列のデコードをすぐに試み、右側のプレビューパネルに画像を表示します。
- 画像の詳細を確認: 「画像情報」パネルで、形式、MIMEタイプ、推定ファイルサイズを確認してください。
- 画像をダウンロード: 「ダウンロード」ボタンをクリックし、デコードした画像を元の形式でデバイスに保存してください。
- サンプルを試す: サンプルボタンをクリックしてBase64文字列の例を読み込み、異なる画像形式の処理を確認してください。
活用例
- 埋め込み画像の抽出: HTMLソースコード、CSSスタイルシート、Markdown文書内のデータURIをデコードし、元の画像を表示・保存します。
- API開発: APIレスポンスでBase64文字列として返される画像を、アプリケーションに組み込む前にプレビューします。
- メールのデバッグ: HTMLメールのソースコードから、Base64エンコードされたデータURIを使うインライン画像を抽出して表示します。
- データベースの復旧: データベースのフィールドにBase64テキストで保存された画像データをデコードし、内容の確認や画像ファイルの復元を行います。
- フロントエンドのデバッグ: コード内のBase64エンコード画像をアプリケーションの外でプレビューし、正しく表示されるか確認します。
- セキュリティ分析: ネットワーク通信、ログ、不審なファイルに含まれるBase64エンコード画像のペイロードを調べ、画像の内容を確認します。
- コンテンツ移行: プラットフォームやCMS間でコンテンツを移行する際、埋め込みBase64画像を独立したファイルに戻します。
よくある質問
Base64エンコードされた画像とは何ですか?
Base64エンコードされた画像は、画像ファイルのバイナリデータをBase64の文字集合(A-Z、a-z、0-9、+、/)で文字列に変換したものです。別の画像ファイルを用意せずに、HTML、CSS、JSONなどのテキスト形式へ画像を直接埋め込めます。
データURIとは何ですか?
データURIは、ウェブページ内にデータを直接含められる仕組みです。画像ではdata:image/[format];base64,[encoded-data]という形式を使います。MIMEタイプによって、ブラウザーに画像の種類を伝えます。
どの画像形式に対応していますか?
このデコードツールは、画像の生バイトからPNG、JPEG、GIF、WebP、SVG、BMP、ICO、AVIFを検出します。データURIでは独自のMIMEタイプを指定します。プレビュー表示はブラウザーの対応状況によって異なりますが、プレビューできない場合もデータURIのダウンロードではデコードしたバイトが保持されます。
このツールは無料ですか?
はい、Base64を画像に変換は完全無料です。利用制限や登録はなく、画像サイズや変換回数の制限もありません。
データは安全ですか?
はい。デコードはすべてブラウザー内で行われます。貼り付けたBase64文字列がサーバーに送信されることはなく、機密性の高い画像データも安全にデコードできます。
Base64文字列をデコードできないのはなぜですか?
よくある原因は、コピー時に途切れた不完全なBase64文字列、誤ったデータURI形式、画像以外のMIMEタイプ、破損したエンコードです。data:imageの接頭辞がある場合はそれも含めて、文字列全体をコピーしてください。
ヒントとベストプラクティス
- データURIヘッダーを含める: 正しい画像形式を検出できるよう、data:image/[format];base64,の接頭辞を含むデータURI全体を貼り付けてください。
- 貼り付けボタンを使用: 「貼り付け」ボタンはクリップボードから直接読み取るため、長いBase64文字列では手動の貼り付けよりも速く、ミスが起きにくくなります。
- 推定サイズを確認: 「画像情報」パネルにはデコードしたバイト数と、ブラウザーでプレビューできる場合は画像本来の寸法が表示されます。ファイルサイズだけでは画像の幅や高さは判断できません。
- まずサンプルを試す: 自分のBase64データをデコードする前に、組み込みサンプルでツールの使い方に慣れてください。
- 確認用にダウンロード: デコードした画像をダウンロードして画像エディターで開き、画質、寸法、色の正確さを確認してください。