Base64画像プレビュー＆デコーダー
Base64でエンコードされた画像をプレビューし、クリーンなdata URIにデコードします。生のBase64または完全なdata:image/...;base64文字列を貼り付け——レンダリングされた画像と、検出された形式、MIMEタイプ、ファイルサイズを表示。
入力
貼り付けた文字列内の空白や改行は自動的に無視されます。
入力がdata:image/...;base64,プレフィックスのない生のBase64で、かつファイルのシグネチャから実際の形式を自動検出できない場合にのみ使用されます。
出力
Base64画像を貼り付けると、ここにプレビューが表示されます。
クリーニング済みの使用準備完了data URI——<img src>やCSSのurl()に直接貼り付け可能。
| プロパティ | 値 |
|---|---|
| No data yet | |
このツールを使う他の方法
REST API
curl -X POST https://api.iotools.cloud/v1/tool/base64-image-preview-decoder \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"base64Input": "R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",
"mimeType": "image/png"
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `base64-image-preview-decoder` tool (Base64 Image Preview & Decoder) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/base64-image-preview-decoder/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Base64画像プレビュー＆デコーダー — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|---|
| クレジットが足りませんか? | 料金を見る |
次の方法でも利用可能
ガイド
このツールの機能
Base64エンコードされた画像を貼り付けると、すぐにレンダリングされます。文字列が有効かどうか推測する必要はなく、確認するために独自の <img> タグを作成する必要もありません。このツールは生のBase64（エンコードされたバイトのみ）または完全な data:image/...;base64,... URIを受け取り、コピー時に追加されたすべての空白または行折り返しをクリーニングし、デコードされた画像とそのフォーマット、MIMEタイプ、ファイルサイズを表示します。
使い方
- Base64文字列を入力フィールドに貼り付けます。改行と空白は自動的に削除されるため、メール、ログ行、または複数行のテキストファイルからコピーされた値でも機能します。
- 文字列が
data:で始まらない場合は、画像タイプ（PNG、JPEG、GIF、WebPまたはSVG）を選択します。これはフォールバックのみです。実際のファイルシグネチャが認識できる場合、ツールはあなたの選択ではなくバイトを信頼します。 - プレビュー、デコード情報テーブル、正規化されたdata URIがすぐに表示されます。押すボタンはありません。
- プレビューのダウンロードアクション を使用してデコードされたファイルを保存するか、正規化されたdata URIをコピーして、
<img src>またはCSSurl()に直接貼り付けます。
プレビューが選択したフォーマットと異なるフォーマットを表示する理由
ツールはデコードされたデータの最初の数バイト（ファイルの「マジックナンバー」）を読み取って、PNG、JPEG、GIF、WebP、SVGコンテンツを識別します。シグネチャを認識すると、画像タイプドロップダウンまたは一致しない data: MIMEプレフィックスよりも優先されます。つまり、実際にはJPEGである .png という名前の文字列でも、正しくレンダリングおよびダウンロードされます。ドロップダウンが重要なのは、バイトが既知のシグネチャと一致しない場合のみです。
ピクセル寸法がない理由
画像の幅と高さを読み取るには、ブラウザが実際に画像をデコードしてレイアウトする必要があります（Image/<canvas> 要素）。これはこのツールが文字列の検証とプレビューを完了した後に発生します。ここで得られるもの（フォーマット、MIMEタイプ、デコードされたバイトサイズ、Base64長）は、エンコードされた文字列自体から直接導き出せるすべてのものです。
私のデータは非公開ですか？
はい。デコードはブラウザ内で完全に行われます。Base64文字列とそれが表すイメージは、どこにも送信または記録されません。
一般的な用途
- HTMLやCSS、APIペイロードに貼り付ける前にBase64画像をサニティチェックする。
- ログ、データベースダンプ、またはJSON応答で見つかったBase64blobから表示およびダウンロード可能なファイルを復旧する。
- コピーした
data:URIが正しい形式で、予想されるフォーマットを指しているかを確認する。