画像をBase64に変換

画像をBase64データURIにエンコード。外部ファイルなしでHTML/CSSに直接埋め込めます。100%プライベート。

Drop an image here or click to browse

About Image to Base64

画像をBase64エンコードされたデータURIに変換します。HTMLメール、CSS背景、単一ファイルのWebページに小さな画像をインライン埋め込みするのに便利です。

即時エンコード

画像をアップロードすると、即座にBase64データURIを取得。JPG、PNG、WebP、GIF、SVG形式に対応。

インライン埋め込み

小さな画像をHTMLのsrc属性、CSSのbackground-image URL、または単一ファイルのWebページに直接埋め込むのに最適です。

100%プライベート

FileReader APIが画像をブラウザ内で完全に読み取ります。サーバーに送信されるバイトはゼロ — ファイルはローカルに留まります。

コピー＆ダウンロード

ワンクリックでデータURIをクリップボードにコピー、または.txtファイルとしてダウンロードしてプロジェクトで使用できます。

📋 Common Use Cases

HTMLへのインライン画像埋め込み

小さなアイコンやロゴをBase64文字列に変換して、別途画像ファイルのリクエストなしでHTMLに直接埋め込めます。

CSS背景画像の最適化

画像をデータURIとしてCSSのbackgroundプロパティにエンコードし、ページ読み込み時の余分なHTTPリクエストを排除します。

メール署名のグラフィック

小さな画像やロゴをBase64としてHTMLメール署名に埋め込み、すべてのメールクライアントで確実に表示します。

JavaScriptでの画像データ処理

Base64文字列を生成してJavaScript変数に画像データを保存し、canvas操作や動的レンダリングに利用します。

🪜 How to Use This Tool

  1. 画像をアップロード
    ブラウザのメモリ制限内の任意の画像ファイルを選択 — JPG、PNG、WebP、GIF、SVGに対応。
  2. 即座にエンコード
    画像は自動的にBase64データURI文字列に変換され、ボタンをクリックする必要はありません。
  3. データURIをコピー
    コピーボタンをクリックして、MIMEタイプのプレフィックスを含む完全なデータURI文字列をクリップボードにコピーします。
  4. コードに貼り付け
    データURIをHTMLのsrc属性、CSSのurl()値、またはJavaScript変数に直接使用します。

📚 Related Guides

Frequently Asked Questions

この画像ツールは本当に無料ですか？▼
はい。すべての画像ツールは完全に無料です。サインアップもアカウントも支払いも不要です。すべての処理はブラウザ内で行われます。
画像はサーバーにアップロードされますか？▼
いいえ。すべての画像処理はブラウザ内でローカルに行われます。画像がデバイスから送信されることはありません。これは、機密性の高い写真、ID、個人文書にとって特に重要です。
AI背景除去はどのように機能しますか？▼
@imgly/background-removalライブラリを使用し、IS-NetニューラルネットワークをWebAssembly経由でブラウザ内で完全に実行します。初回使用時に約10MBのモデルをダウンロードします（次回以降はキャッシュされます）。画像データがサーバーに送信されることはありません。
対応しているファイル形式は？▼
JPEG、PNG、WebP、SVG、GIF、BMP、HEICに対応しています。すべての形式間の変換が可能です。AI機能はJPEGとPNG入力で動作します。
最大画像サイズは？▼
約4000x4000pxまでの画像は、最新のデバイスでスムーズに処理されます。非常に大きな画像は処理が遅くなる場合があります。バッチ処理の場合は、一度に最大20枚まで推奨します。