無料オンライン画像→Base64変換
あらゆる画像をCSSやHTML用のBase64文字列に変換します。
Who uses the 画像→Base64変換?
- 追加のHTTPリクエストを排除するために小さいアイコンをCSSに埋め込むフロントエンド開発者。
- 外部リソースをブロックするHTMLメールにロゴ画像を埋め込むメール開発者。
- 文字列エンコーディングを必要とするJSONリクエストボディで画像データを送信するAPI統合担当者。
How the 画像→Base64変換 works
ファイル選択ツールを使用して画像ファイルをアップロードするか、ツールエリアにドラッグ＆ドロップします。
Base64文字列は出力テキストボックスに瞬時に生成されます。
「Base64をコピー」をクリックして、完全なデータURI（data:image/png;base64,...）をクリップボードにコピーし、HTMLのsrc属性やCSSの背景に使用します。
データURIプレフィックスなしの生のBase64のみが必要な場合は、使用前に最初のカンマまでを含めて手動で削除してください。
Tips & tricks
- コピーボタンは常に完全なデータURI（「data:image/...;base64,」プレフィックス付き）をコピーします——生のBase64文字列のみをコピーする別のボタンはありません。
- Base64はファイルサイズを約33%増加させます——このツールは約10KB未満の小さいアイコンや画像に最適で、大きい写真には向きません。
- 一度に処理できる画像は1枚のみです——複数ファイルの一括変換はありません。
- 出力テキストボックスは完全なデータURIをプレーンテキストで表示します——コピーボタンの完全な出力を使いたくない場合は、一部だけを手動で選択してコピーすることもできます。
Frequently Asked Questions
なぜ画像ファイルの代わりにBase64として画像を埋め込むのですか？
画像をBase64としてHTMLやCSSに埋め込むと、その画像のHTTPリクエストが不要になり、小さいアイコンやファーストビューの重要な画像のパフォーマンスが向上する場合があります。外部画像がブロックされる可能性があるHTMLメールで特に有用です。
Base64画像は元のファイルよりどのくらい大きくなりますか？
Base64エンコーディングは約33%のオーバーヘッドを追加します。10KBのPNGはBase64で約13.3KBになります。大きい画像では、このオーバーヘッドがHTTPリクエスト節約の利点を上回るため、Base64は10KB未満の画像にのみ使用してください。
コピーボタンは生のBase64のみをコピーしますか、それとも完全なデータURIをコピーしますか？
「Base64をコピー」ボタンは、常に「data:image/...;base64,」プレフィックスを含む完全なデータURIをコピーします——生のBase64文字列のみをコピーする別のボタンはありません。生の文字列のみが必要な場合（APIペイロード用など）は、コピーしてから最初のカンマまでを含めて手動で削除してください。
HTMLのimgタグでBase64画像を使用するにはどうすればよいですか？
完全なデータURIをsrcとして使用します：<img src="data:image/png;base64,iVBORw0KGgo..." alt="icon">。ブラウザは外部リクエストなしで画像をデコードしインラインで表示します。
CSSでBase64画像を使用するにはどうすればよいですか？
背景として使用します：background-image: url("data:image/svg+xml;base64,...")。これはSVGアイコンに特に効果的で、スタイルを自己完結型に保ちます。
どの画像形式をBase64に変換できますか？
ブラウザがファイルとして読み取れる形式であれば何でも動作します：JPG、PNG、GIF、WebPなど。出力されるデータURIプレフィックスは、ソースファイルの実際のMIMEタイプを反映します。
Is my data safe when using the 画像→Base64変換?
Completely safe. The 画像→Base64変換 processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the 画像→Base64変換 support?
The 画像→Base64変換 works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the 画像→Base64変換 work with large image files?
Yes. The 画像→Base64変換 processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.