画像Base64エンコード変換ツール
ブラウザで画像をBase64文字列に変換。PNG、JPG、GIF、SVG、WebPファイルをHTML imgタグやCSS background-imageに直接埋め込めるData URI形式に変換します。サンプルアイコンですぐに試すか、ファイルをアップロードしてください。
1こんな時に使えます
💡HTML/CSSにアイコンやロゴを直接埋め込む
💡インライン画像を含む単一ファイルHTMLページ作成
💡小さい画像をData URIに変換してHTTPリクエスト削減
💡localStorage、IndexedDB、JSONに画像データを保存
💡外部リンクなしでメールテンプレートに画像を含める
💡Webアプリ用スプライトやファビコンのエンコード
2特徴
- PNG、JPG、GIF、SVG、WebP、ICOをBase64に変換
- HTML img src属性に直接使えるData URI生成
- CSS background-image用の純Base64文字列出力
- アップロードなしで試せるSVGサンプルアイコン
- 画像サイズ（ピクセル）付きリアルタイムプレビュー
- 元ファイルサイズとBase64エンコードサイズの比較
- 100%クライアントサイド処理—サーバーアップロードなし
3使い方
- 画像ファイル（PNG、JPG、GIF、SVG、WebP、ICO）をドラッグ&ドロップまたは選択。
- またはサンプルアイコンをクリックしてBase64エンコードの動作を即確認。
- 出力形式を選択：Data URI（MIMEタイプ付き）または純Base64文字列。
- エンコードされた文字列をクリップボードにコピーまたはテキストファイルでダウンロード。
よくある質問
Q. この画像Base64変換ツールは完全無料ですか？
A. はい！会員登録、透かし、使用制限なしで無制限に変換可能。永久無料です。
Q. 画像がサーバーにアップロードされますか？
A. 一切されません。すべてのBase64エンコードはJavaScriptを使用してブラウザ内でローカル処理されます。画像は外部に送信されません。
Q. Data URIとBase64の違いは何ですか？
A. Data URIはMIMEタイプ接頭辞（data:image/png;base64,...）を含み、img srcやCSS url()に直接使えます。純Base64は接頭辞なしのエンコード文字列のみです。
Q. Base64文字列が元より大きい理由は？
A. Base64エンコードはバイナリデータをASCII文字のみで表現するため、ファイルサイズが約33%増加します。これは正常な現象です。