画像はブラウザ外に出ますか？

いいえ。FileReader API (readAsDataURL) でエンコード。アップロード先はありません。DevTools → Network で変換時にファイル付き outgoing リクエストがないことを確認できます。

画像を Base64 にオンライン変換するには？

画像をドロップまたは選択（スクリーンショット貼り付け可）し、Raw Base64 または Data URL タブをコピー。すべてクライアント側。

Base64 から画像に戻せますか？

はい。Base64 → Image に切り替え、data:image/...;base64,...（charset 可）、raw Base64、URL-safe Base64 (- _) を貼り付け。プレフィックスがなくても magic bytes で MIME 推定、プレビュー、Blob ダウンロード。

Base64 が約 33% 大きくなる理由は？

3 バイトを 4 ASCII 文字にエンコードするため、おおよそ 3分の1 増えます。サイズパネルに正確なオーバーヘッドが表示されます。

Base64 インラインを避けるべき場合は？

大きな写真や CSS/HTML で ~100 KB 超はキャッシュを阻害しドキュメントが肥大化。通常の画像 URL を優先。小アイコン、メール、オフライン埋め込み向けに Base64 を使います。

対応フォーマットは？

ブラウザが読める PNG、JPEG、GIF、WebP、SVG、BMP、ICO、AVIF。ソフトリミット 8 MB/ファイル、FileReader 前にローカルで制限。

開発者ツール

画像 Base64 変換

ローカル画像を Base64（または data URL、CSS background、HTML img、Markdown スニペット）に、アップロードなしで変換。この無料画像 Base64 変換は FileReader でブラウザ内読み込みのため、スクリーンショット、ロゴ、未公開素材は端末外に出ません。逆方向: data URL または raw…

画像がブラウザから離れることはありません。エンコードはFileReaderをローカルで使用するため、アップロードエンドポイントはありません。

ここに画像をドロップするか、クリックして参照

PNG、JPG、GIF、WebP、SVG、BMP、ICO、AVIF（最大8MB）。ローカルで読み込みます。何もアップロードされません。

または、Ctrl+V / Cmd+V でスクリーンショットを貼り付けます。これはスクリーンショットを撮るための最速の方法です。

画像 Base64 変換について

画像 Base64 変換の使い方

Image → Base64 を選び、ファイルをドロップ、参照、または Ctrl+V / Cmd+V でスクリーンショット貼り付け。
プレビュー、MIME、ピクセルサイズ、元サイズ vs Base64、オーバーヘッド約 33% を確認。
Data URL、raw Base64、CSS background-image、HTML img、Markdown タブをコピー。アップロードなし。
逆方向: Base64 → Image に切り替え、data URL または raw / URL-safe Base64 を貼り、プレビュー後ダウンロード（大きな Blob も可）。

画像 Base64 変換の例

CSS に小アイコンをインライン

16x16 PNG をエンコードし CSS タブで background-image: url('data:image/png;base64,...') をスタイルシートやメールテンプレートに貼り付け。

スクリーンショット貼り付け

画面をクリップボードにコピーし、このページにフォーカスして Ctrl+V / Cmd+V。保存ダイアログなしで即エンコード。

ログの data URL をデコード

data:image/webp;base64,... を Base64 → Image に貼り、文字列だけのときプレビューとダウンロード。

Base64 オーバーヘッド確認

サイズパネルに元バイト、エンコード長、増加率が表示され、インライン化の可否を判断できます。

画像 Base64 変換に関するよくある質問

画像はブラウザ外に出ますか？: いいえ。FileReader API (readAsDataURL) でエンコード。アップロード先はありません。DevTools → Network で変換時にファイル付き outgoing リクエストがないことを確認できます。
画像を Base64 にオンライン変換するには？: 画像をドロップまたは選択（スクリーンショット貼り付け可）し、Raw Base64 または Data URL タブをコピー。すべてクライアント側。
Base64 から画像に戻せますか？: はい。Base64 → Image に切り替え、data:image/...;base64,...（charset 可）、raw Base64、URL-safe Base64 (- _) を貼り付け。プレフィックスがなくても magic bytes で MIME 推定、プレビュー、Blob ダウンロード。
Base64 が約 33% 大きくなる理由は？: 3 バイトを 4 ASCII 文字にエンコードするため、おおよそ 3分の1 増えます。サイズパネルに正確なオーバーヘッドが表示されます。
Base64 インラインを避けるべき場合は？: 大きな写真や CSS/HTML で ~100 KB 超はキャッシュを阻害しドキュメントが肥大化。通常の画像 URL を優先。小アイコン、メール、オフライン埋め込み向けに Base64 を使います。
対応フォーマットは？: ブラウザが読める PNG、JPEG、GIF、WebP、SVG、BMP、ICO、AVIF。ソフトリミット 8 MB/ファイル、FileReader 前にローカルで制限。

Base64 エンコード / デコード

無料のオンライン Base64 エンコーダー・デコーダー。テキストを Base64 にエンコード、または Base64 をプレーンテキストにデコード。Unicode（UTF-8）完全対応 - すべてブラウザ内。

ハッシュジェネレーター

任意のテキストから SHA-256、SHA-1、SHA-384、SHA-512 ハッシュを生成。HMAC も同ページ。ブラウザ内で小文字 16 進ダイジェストを即取得 - アップロードなし。

CSS Minifier

無料オンライン CSS minifier。コメント除去と空白圧縮で CSS を minify - 小さなスタイルシート、高速表示。ブラウザ内、アップロード不要。