ツール95

変換 / 実践的な画像ガイド

Base64を画像に変換する方法

Base64文字列または画像データURLから元の画像を復元します。

エンコードされたデータを「Base64 to Image」に貼り付け、「続行」を選択し、画像を確認して元の形式でダウンロードします。この例では、サイズ変更や再圧縮を行わずにサンプルPNGをデコードします。

ガイドに従う
エンコードされたデータと復元された画像
変更前
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAQAElEQVR4Aez9T+x/+1Xehz7rZ0Jv/iiiXEWM2kFQRonUiAwQqmp1lKhCKKpQRh3cFBJsAyYYAjY2mHOOoYE29rEZkD…

サンプル画像データURLの開始部分。表示のために抜粋を短縮しています。

変更後 Base64データURLから復元された元のPNG軌道アイコン。

デコードされたPNG: 512 × 512ピクセル、202,491元のバイト数。

完全な画像データURLは元のPNGにデコードされます。表示されているテキストは短縮されていますが、サンプルでは完全な文字列が使用されています。
広告
クイックビデオチュートリアル How to convert Base64 code into an image Paste a Base64 image or data URL, preview the decoded picture, choose Start and download the image in its original format. 英語のナレーション ビデオを見る

How to convert Base64 code into an image

広告

この例に従って、エンコードされた画像データを元の使用可能なファイルに戻します。 Base64から画像へを開く.

01

画像データを貼り付け

「Base64 to Image」を開き、プレーンなBase64文字列または完全な画像データURLを貼り付けます。「サンプルを試す」を選択すると、実際のPNG例でフィールドが埋められます。別のファイルをアップロードする必要はありません。

データURLには、data:image/png;base64, のようなプレフィックスが含まれます。プレーンなBase64にはエンコードされた文字のみが含まれます。データ内の空白や改行は無視されます。

コードがHTML画像またはCSS宣言内にある場合は、データURLのみをコピーしてください。完全なHTML要素やCSS宣言を画像としてデコードすることはできません。

逆方向の変換が必要な場合は、「Image to Base64 Converter」を使用してください。

02

エクスポート前にプレビューを確認

「続行」を選択します。コンバーターはBase64文字、画像ファイルのシグネチャ、宣言されたMIMEタイプ、およびブラウザが結果を開けるかどうかを確認します。

JPGを宣言しながらPNGバイトを含むデータURLは拒否されます。不完全なテキスト、サポートされていないファイル、制限を超えるファイルも拒否されます。これにより、誤解を招くファイル拡張子で保存されることを防ぎます。

この例ではfavicon-orbit.pngサンプルを使用します。これは202,491バイトを含む512 × 512 PNGです。プレビューには同じカラフルなアイコンアートワークが表示されるはずです。エディタで貼り付けたコードを変更した場合は、「画像のプレビュー」を選択して置き換えを確認してください。

プレビューは画像の特定に役立ちます。ファイル名や宣言されたMIMEタイプのみに依存しないでください。

このガイドの例

サンプルを試してfavicon-orbit.pngのデータURLを入力します。「続行」を選択し、512 × 512のプレビューを確認してから、「開始」して「ダウンロード」してください。ダウンロードしたPNGバイトと元のサンプルを比較します。

デコード形式
PNG
画像寸法
512 × 512 px
元の画像バイト数
202,491 バイト
変換
再圧縮なしのデコード
03

復元された画像をダウンロード

「開始」を選択し、「ダウンロード」を選択してこの例のdecoded-image.pngを保存します。コンバーターは元の形式を検出するため、別の形式を選択するように求められることはありません。

デコードにより元のバイトが復元されます。画像のサイズ変更、再描画、再圧縮は行われず、既存のメタデータとGIFアニメーションが保持されます。サイズ変更、圧縮、変換を行いたい場合は、ダウンロード後に別の画像ツールを使用してください。

ダウンロードされたサンプルは、ソースPNGと同じ202,491バイトを持ちます。ここに表示されている短いデータURLの抜粋は説明用であり、切り詰められた文字列では完全な画像は生成されません。

ページを更新する前に結果をダウンロードしてください。更新すると新しいワークフローが開始されます。

04

形式、制限、プライバシーの境界を理解する

ブラウザがプレビュー用にデコードできる場合、PNG、JPG、WebP、GIF、BMP、およびAVIFがサポートされます。デコードされた画像は、最大25 MB、60メガピクセル、および一辺あたり16,000ピクセルまで可能です。テキスト入力にも長さの制限があります。SVGマークアップおよび任意のバイナリファイルはサポートされていません。

貼り付けられたデータは、変換のためにアップロードされることなく、デバイス上でデコードおよびプレビューされます。Base64は暗号化ではありません。完全な文字列を持つ人は誰でも画像を再構築できます。

プライベートな画像のエンコードされたテキストも非公開にしてください。

便利な詳細

よくある質問

Base64 を画像に変換するにはどうすればよいですか?

プレーンな Base64 文字列または画像データURLを貼り付け、「続行」を選択し、プレビューを確認してから、「開始」および「ダウンロード」を選択します。

完全な HTML 画像タグを貼り付けられますか?

src 属性内のデータURLのみを使用してください。完全な HTML 要素や CSS 宣言は受け付けられません。

画像は品質が低下しますか?

いいえ。デコードによって、サイズ変更や再圧縮なしで元の画像バイトが復元されます。

PNG の代わりに JPG を選択できますか?

このツールは、エンコードされたファイルを元の形式で復元します。形式を変更するには、後で画像変換ツールを使用してください。

なぜデータURLが拒否されるのですか?

データが不完全である、制限を超えている、サポートされていない形式である、または実際の画像と一致しない MIME タイプが宣言されている可能性があります。

Base64 データはアップロードされますか?

いいえ。コンバーターはブラウザ内でローカルに画像をデコードおよびプレビューします。

あなたの番です

画像を復元し、確認して、元のファイルを保存します。

サンプルを試すか、独自のファイルを使用して、共有前に結果を確認します。

Base64から画像へを開く

画像の詳細

言語38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

言語を選択してください。ビデオチュートリアルは現在英語のナレーションを使用しています。