CoderTools

画像Base64変換ツール

画像をBase64文字列に変換、またはBase64を画像にデコード

ここに画像をドロップするか、クリックして選択

対応形式：PNG、JPG、GIF、WebP、SVG、BMP（最大5MB）

画像Base64変換について

画像Base64エンコードとは？

Base64エンコードはバイナリ画像データをASCIIテキスト文字列に変換します。これにより、個別のファイルリクエストなしで画像をHTML、CSS、またはJSONに直接埋め込むことができます。結果の文字列は元のバイナリデータより約33%大きくなります。

一般的な使用例

  • HTTPリクエストを減らすために小さな画像をHTML/CSSに直接埋め込む
  • 外部ホスティングなしでメールテンプレートに画像を含める
  • JSONまたはXMLデータ構造に画像を保存
  • テキストのみのプロトコルで画像を転送
  • 埋め込みアセットを含む自己完結型HTMLファイルを作成

出力形式リファレンス

形式 例 用途
生Base64 iVBORw0KGgoAAAANS... APIリクエスト、データベース保存、カスタム処理
Data URI data:image/png;base64,iV... JavaScript画像ソース、動的画像読み込み
HTML <img>タグ <img src="data:..."> HTMLドキュメントに直接埋め込み
CSS背景 background-image: url(data:...); スタイルシートの背景画像

ヒントとベストプラクティス

  • 小さな画像（10KB未満）にはBase64エンコードを使用すると最良のパフォーマンスが得られます
  • 大きな画像には、通常のファイルホスティングがより効率的です
  • SVG画像はBase64エンコード時にラスター形式より圧縮効果が良いことが多いです
  • ブラウザキャッシュを考慮 - Base64画像は個別にキャッシュできません

関連ツール

Base64エンコーダ/デコーダ

テキストやファイルの変換をサポートし、Base64文字列を素早くエンコード/デコード

URLエンコーダ/デコーダ

コンプライアンスと使いやすさを確保するためのURLエンコード/デコード