ByteScope

Image ↔ Base64 Converter

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

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

ここに画像をドロップ

またはクリックして選択 — このページのどこでも画像を貼り付け(Ctrl+V)できます

フォーマット:
px

注意: Base64 出力は元ファイルより約 +33% 大きくなります — 小さなアイコンには最適ですが、大きな写真には不向きです。

このツールについて

このコンバーターは画像ファイルを、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をまとめて貼り付けても、自動的に分割してデコードされます。