画像をここにドラッグ、またはクリックして選択
PNG、JPG、GIF、WebP に対応
画像をここにドラッグ、またはクリックして選択
PNG、JPG、GIF、WebP に対応
PNG/JPG/WebP/GIF/SVG/BMP/AVIF などに対応した無料オンライン画像Base64エンコードツールです。ブラウザーの Web Worker でローカル処理し、アップロード不要でUIをブロックしません。CSS インライン、HTML 埋め込み、メールテンプレート、API 送信用の Data URL を生成できます。
PNG、JPG、WebP、GIF、SVG、BMP、AVIF、HEIC/HEIF など一般的な形式に対応しています。ツールが MIME タイプを自動判別し、data:image/png;base64,... のような対応する Data URL プレフィックスを生成します。
Web Worker はメインUIスレッドとは独立したブラウザーのバックグラウンドスレッドです。従来の画像エンコードはページを固めることがありますが、このツールは ArrayBuffer 転送と進捗コールバックを使って Worker 側で処理するため、大きなファイルでもUIが応答し続けます。
いいえ。変換は ArrayBuffer ゼロコピー技術により、ブラウザーの Worker スレッド内で直接完了します。画像データはサーバーを一切経由しません。「ブラウザー処理」と言いながら実際にはアップロードするツールとは根本的に異なります。
Base64 エンコード後のサイズは元のバイナリの約 133%、つまり約 33% 増加します。3バイト（24ビット）ごとに4つの Base64 文字（各6ビット）へ変換し、必要に応じて末尾に = を付けます。インライン化する画像は1枚あたり10KB未満を推奨します。
10KB未満の小さなアイコンや画像に適しています。小さな画像のインライン化はHTTPリクエストを減らせますが、大きな画像はHTML/CSSサイズを増やし読み込み性能を悪化させます。大きな画像は独立したURL参照がおすすめです。
Data URL は data:image/png;base64, の後に Base64 内容が続く形式で、HTML img の src 属性に直接指定できます。純粋な Base64 はエンコード済み文字列だけなので、利用には MIME プレフィックスが必要です。
はい。画像を Base64 に変換した後、JSON リクエストボディのフィールド値としてバックエンドAPIへ送信できます。ワンクリックコピーに対応し、多くのAPIドキュメント例の形式と互換性があります。
Base64 インラインは小さなファイル（<10KB）でHTTPリクエストを減らすのに適しています。大きな画像では、ブラウザーが並列ダウンロードやキャッシュを活用できるため、独立URLのほうが高速に読み込めます。
画像をBase64に変換とは、バイナリ画像データを ASCII テキスト文字列へエンコードする技術です。Base64 は 64 個の印字可能文字（A-Z、a-z、0-9、+、/）でバイナリデータを表し、3バイトごとに4つの Base64 文字へ変換し、末尾に = のパディングを付けます。処理全体は RFC 4648 標準に準拠しています。
**エンコード原理**：Base64 は3バイト（24ビット）を4つの6ビットグループに分割し、それぞれを Base64 アルファベットの1文字に対応させます。バイト数が3の倍数でない場合、末尾に1〜2個の = パディング文字を追加します。これによりファイルサイズは約33%（4/3 ≈ 1.33）増えます。
**Web Worker 最適化**：このツールは Web Worker を使い、メインスレッドから独立したブラウザースレッドでエンコードを実行します。ArrayBuffer.transfer() により Worker へゼロコピー転送でき、メインスレッドのブロックを避けます。数MBの画像でもUIは滑らかに応答し、進捗をリアルタイム表示します。
**プライバシーと安全性**：画像をサーバーへアップロードするツールとは違い、このツールは完全にブラウザー内で動作します。画像データは第三者サーバーを通らないため、身分証や契約書などの機密画像を扱う場合に特に重要です。
**利用シーン**：Base64 画像は CSS Sprites（HTTPリクエスト削減）、HTMLメールテンプレート（メールクライアントの画像ブロック回避）、APIでのバイナリデータ送信、外部リソースを参照できないブラウザー拡張機能や単一ファイルアプリでよく使われます。
