本文へスキップ
patrache.tools

画像 ↔ Base64

画像をBase64文字列に変換、またはその逆を行います。

画像をドラッグ&ドロップまたはクリックして選択

lockファイルはサーバーに送信されません
共有
埋め込み

このツールをサイトに埋め込む

画像Base64変換ツールは、画像をBase64文字列にエンコードしたり、Base64を画像にデコードする無料オンラインツールです。 すべての変換がブラウザ内で行われ、データがサーバーに送信されません。 HTML/CSSへの画像インライン埋め込みやAPI通信での画像データ送信に便利です。

画像 ↔ Base64の使い方は?

  1. 画像→Base64 または Base64→画像 モードを選択します。
  2. 画像をアップロードするか、Base64文字列を貼り付けます。
  3. 変換結果をコピーまたはダウンロードします。

画像 ↔ Base64に関するよくある質問

Base64エンコーディングはどこで使われますか?

メール添付、CSSの背景画像のインライン挿入、APIデータ送信などに活用されます。

Base64にすると容量は大きくなりますか?

はい、3バイトを4文字で表すため約33%大きくなります。アイコンや1〜2KB程度の小さな画像はリクエスト削減の利点が上回りますが、数百KBの写真を埋め込むとHTMLが重くなりキャッシュも効かず、かえって不利になります。

Base64文字列を画像ファイルに戻せますか?

はい、デコードモードに切り替えて文字列を貼り付ければ、元の画像として復元しダウンロードできます。`data:image/png;base64,`のような接頭辞が付いたままでも構いませんし、無い場合は形式を選ぶだけです。

メール署名やCSSに画像を入れるときBase64は有利ですか?

CSSではアイコンやパターンなど小さな画像に有効で、リクエスト数を減らせます。一方メール署名はGmailやOutlookがdata URI画像をブロックすることが多いため推奨されず、サーバーに置いた画像をURLでリンクするほうが確実です。

画像 ↔ Base64を上手に活用するには?

  • Base64エンコードするとファイルサイズが約33%増加するため、小さなアイコンやロゴに適しています。
  • CSSでdata URIとして使用するとHTTPリクエスト数を削減し、ページ読み込み速度を向上できます。
  • 大きな画像はBase64よりも通常のファイルとして配信する方がキャッシュとパフォーマンスに有利です。

Powered by Patrache Studio Tools

このサイトの広告を許可してください

ツールを利用するには、このサイトの広告ブロックを解除してください。広告収益で無料サービスを運営しています。

広告ブロッカーのアイコンからこのサイトのブロックを解除し、もう一度確認してください。