ByteScope

Image ↔ Base64 Converter

画像をBase64データURIへ一括変換 — Base64から画像へのデコードも。

ファイルはブラウザから送信されません — 処理はすべてローカルで行われます。

Drop images here

or click to browse — you can also paste images (Ctrl+V) anywhere on this page

note: base64 output is ≈ +33% larger than the original file — great for small icons, wasteful for large photos.

このツールについて

このコンバーターは画像ファイルを、HTML・CSS・JSON・ソースコードに直接埋め込めるBase64文字列に変換し、Base64文字列をダウンロード可能な画像に戻すこともできます。画像は何枚でもドロップ・選択・ペースト可能。各画像にはすぐコピーできる4つの形式 — 生のBase64ペイロード、完全なdata: URI、HTMLの<img>タグ、CSSのbackground-imageルール — を備えたカードが表示されます。

デコード側も同じくらい寛容です。data URIプレフィックスの有無、複数行にまたがる折り返し、複数のBlobの同時ペーストにも対応 — ツールが自動で分割し、マジックバイトから実際の画像形式を検出して、プレビューとダウンロードボタンを表示します。

よくある質問

画像はサーバーにアップロードされますか？
いいえ。変換はJavaScriptを使ってすべてブラウザ内で行われ、ファイルがデバイスから外に出ることはありません。一度読み込めば、このページはオフラインでも使えます。
Base64の出力が元の画像より大きくなるのはなぜですか？
Base64はバイナリデータ3バイトを4文字のテキストで表現するため、出力は常に元ファイルより約33%大きくなります。HTML、CSS、JSONなどのテキスト形式の中にバイナリデータを埋め込めることと引き換えのサイズコストです。
画像ファイルの代わりにBase64データURIを使うべきなのはどんなときですか？
データURIが有効なのは、ファイルサイズよりHTTPリクエストの削減が重要な小さな画像（アイコン、ロゴ、数KB以下の小さなプレビュー）です。大きな写真では通常の画像URLの方がほぼ常に優れています — 別々にキャッシュでき、HTMLやCSSを肥大化させません。
どの画像形式に対応していますか？
ブラウザが読み取れるものすべて：PNG、JPEG、GIF、WebP、SVG、BMP、ICO、AVIFです。デコード時はファイルのマジックバイトから形式を自動判別するため、Base64の中身が何かを知らなくても大丈夫です。
複数の画像を一度に変換できますか？
はい — 何枚でも画像をドロップまたは貼り付ければ、それぞれにコピーオプション付きのカードが作られます。複数のBase64ブロブやデータURIをまとめて貼り付けても、自動的に分割してデコードされます。