Base64エンコード/デコード

画像をBase64データURIに変換し、Base64文字列を画像にデコード。HTML、CSS、JavaScriptに画像をインライン埋め込みするのに最適です。

画像をここにドロップ、またはクリックして参照

すべての画像形式に対応

無料オンラインBase64エンコーダー/デコーダー — 画像を瞬時にBase64に変換

当社の無料オンラインツールで画像をBase64データURIに変換し、Base64文字列を画像にデコード。画像をアップロードしてBase64データURIを取得し、HTML、CSS、JavaScriptに直接埋め込み — HTTPリクエストの削減、自己完結型Webページの作成、小さな画像のインライン保存に最適です。また、Base64文字列を貼り付けてデコード画像をプレビューまたはダウンロードすることもできます。完全なプライバシー保護のため、すべての処理がブラウザ内でローカルに実行されます。

1. アップロード

1枚または複数の画像をアップロード、またはデコードするBase64文字列を貼り付け。

2. 表示&コピー

生成されたBase64データURIまたはデコードされた画像プレビューを表示。

3. どこでも使用

Base64文字列をクリップボードにコピー、またはデコード画像をダウンロード。

Base64エンコーダー/デコーダー使用のコツ

  • Base64エンコードはファイルサイズを約33%増加させます。インライン埋め込みの利便性がサイズ増加を上回る小さな画像(アイコン、ロゴ)に使用してください。
  • データURIは自己完結型HTMLメール、単一ファイルWebページ、外部アセットなしで動作するCSS背景画像に最適です。
  • 大きな画像にはBase64エンコードは推奨されません — パフォーマンス向上のために代わりに標準画像ファイルリンクを使用してください。

よくある質問 — Base64エンコーダー/デコーダー

Base64ツールは無料ですか?

はい、完全無料です。登録不要、隠れた費用なし、ファイルサイズ制限なし。すべての処理はブラウザ内でローカルに実行されます。

Base64エンコードとは何ですか?

Base64はバイナリデータ(画像など)をASCIIテキストとして表現するバイナリからテキストへのエンコード方式です。Base64エンコードされた画像は、HTMLやCSSにデータURIとして直接埋め込むことができ、別途HTTPリクエストが不要になります。

エンコードされたBase64文字列はどのように使用しますか?

ツールは完全なデータURI(例:data:image/png;base64,...)を生成します。これをHTMLのsrc属性、CSSのurl()値、またはJavaScriptのImageオブジェクトに直接貼り付けることができます。

Base64文字列をデコードするには?

「Base64 → 画像」タブに切り替え、Base64データURIまたは生のBase64文字列を貼り付け、「デコード&プレビュー」をクリックします。デコードされた画像が表示され、ダウンロード可能になります。

画像にBase64を使用するのはいつですか?

Base64は小さな画像(10KB未満)、アイコン、スプライト、HTTPリクエストの最小化が重要な状況に最適です。大きな画像には標準ファイル参照の方が効率的です。

Base64はファイルサイズを増加させますか?

はい、Base64エンコードは元のバイナリファイルと比較して約33%サイズが増加します。これはインライン埋め込みの利便性とのトレードオフです。

対応画像形式は?

ブラウザがサポートするすべての画像形式(JPEG、PNG、WebP、AVIF、GIF、BMP、SVGなど)をBase64にエンコードできます。