最近使用したツールはありません
お気に入りはまだありません

Base64→画像変換:Base64文字列を画像にデコード | 無料

178 回使用

Base64→画像のヒント

即座にプレビュー
Base64文字列を貼り付けるとデコードされた画像が即座に表示。
画像ダウンロード
元の形式で画像をダウンロード。
画像情報
サイズとファイルサイズを表示。
ブラウザ内処理
すべてローカルで処理。

よくある質問

Q デコードした画像が壊れていたり、半分しか表示されないのはなぜですか?
A Base64文字列をコピーする際に途中で切れてしまっている可能性が高いです。貼り付ける前に、文字列全体が選択されているか確認しましょう。末尾の数文字が欠けるだけで、画像のデコードに失敗します。複数行にまたがる文字列は特に注意が必要です。Ctrl+Aで全選択してからコピーするとミスが減りますよ。
Q 複数のBase64文字列を一度に変換できますか?
A いいえ、このツールは一度に1つのBase64文字列のみ処理します。画像プレビューとダウンロードコントロールが動的に更新されるため、各変換は個別に実行されます。カタログ用の商品写真をバッチ処理する場合、各文字列を1つずつ貼り付けて変換する必要があります。文字列をコピーし、貼り付け、デコードし、画像をダウンロードして、次の文字列に進みます。Web開発者のヒント:Base64配列をループしてプログラムでデコードボタンを押す小さなスクリプトを書くと便利です。
Q デコードした画像の背景が透明になってしまうのはなぜですか?不透明にしたいのですが。
A このツールは元のBase64エンコードに含まれる透明度情報をそのまま保持します。PNGによくあるアルファチャンネルがあれば、デコーダーは背景色を追加しません。Webサイトの画像を高速化するために透明PNGを圧縮した場合も同様です。PhotoshopでBase64から変換したPNGを開き、レイヤー→新規塗りつぶしレイヤーで白背景を追加すれば完了です。所要時間は約15秒です。
Q Base64文字列の前に data:image プレフィックスを付ける必要がありますか?
A 生のBase64データを貼り付けるだけなら不要です。このツールは data:image/png;base64 のようなデータURIスキームを自動検出して除去します。エンコードされた文字列そのものを貼り付けてください。ただしプレフィックスが付いていても問題なく動作します — 両方のケースに対応しています。HTMLからsrc属性全体をコピーするWeb開発者にも便利です。ヒント:画像が表示されない場合は、まずプレフィックスなしで試してみてください。
Q Base64からPNGではなく直接JPEGに変換する方法はありますか?
A はい、プレビュー下のフォーマットドロップダウンでJPEG(またはWebP)を選べば、ダウンロード時に自動で再エンコードされます。ただしJPEGは透過に対応していないため、元画像にアルファチャンネルがあるとその部分は白くなります。WebPなら透過も保持でき、圧縮率も高いです。SNS運用者がプロフィール画像を作る場合、PNGと比べてJPEGではファイルサイズを最大60%削減できるケースが多いです。
Q Base64文字列が小さすぎる画像や引き伸ばされた画像にデコードされるのはなぜですか?
A それはコンバーターのバグではなく、データ自体に原因があります。デコードされた画像は、元のエンコードと同じピクセル寸法をそのまま保持します。元が200x150なら、プレビューも200x150で表示されます。印刷用には小さすぎることが多いですね。変換前にメタデータでピクセル寸法を確認してください。大きな画像が必要なら、元のソースファイルを見つけて高解像度で再エンコードするのが最善です。後からPhotoshopやGIMPで拡大するとディテールがぼやけます。目安として、印刷には300DPIが必要なので、5インチのプリントには長辺が少なくとも1500ピクセル必要です。
Q Base64画像は常に元のファイルよりサイズが小さいですか?
A いいえ、むしろ逆です。Base64エンコードは64文字のテキスト安全形式に変換するため、データ量が約33%増加します。100KBのPNGは約133KBになります。このツールのデコーダーはそのオーバーヘッドを自動的に除去しますが、JPEGやWebPに切り替えない限りダウンロードサイズは小さくなりません。「Base64なら軽い」と思っている人は多いですが、実際は逆効果です。メールに画像を埋め込むなら、素のバイナリ添付の方が転送量を抑えられますよ。
Q Base64をHTMLに直接埋め込むと読み込みが速くなる?
A 外部画像ファイルを避けるのは賢いように見えますが、実際には表示速度が落ちます。ブラウザは通常の画像と違って、インラインのBase64文字列をキャッシュできません。ページを開くたびに巨大なテキストの解析が発生します。デコードした画像を通常のWebPファイルとして保存する方がパフォーマンス向上につながります。
Q Base64文字列として埋め込まれた画像を検索エンジンはインデックスできますか?
A Googleなどのクローラーは、HTML内のインラインBase64データを読み取るのが苦手です。検索ボットは、巨大な文字列よりも通常の画像パスを好みます。SEO対策が目的ならば、このツールで文字列をデコードして画像ファイルをサーバーに保存してください。適切なalt属性を設定する方が、SEO効果は断然高くなります。
Q Base64文字列をデコードする際の上限サイズは?
A このツールはブラウザをクラッシュさせずに巨大な文字列を処理します。10メガバイトを超える高解像度画像でも動作をテスト済みです。メモリ不足になった場合は、他のタブを閉じてから再度お試しください。

Base64→画像のデコード方法

関連ツール