Base64 画像変換
画像と base64 data URL を双方向に変換 — プレビュー・検証・ダウンロードに加え、正確なサイズ比較付き。すべてブラウザ内で処理します。
ここにファイルをドロップ、またはクリックして選択
このツールは完全にブラウザ内で動作します。データは端末から出ず、サーバーへアップロードされることはありません。
使い方
- 1画像をパネルにドロップ(またはクリップボードから貼り付け)してエンコードします。
- 2data URL 全体、または base64 部分だけをコピーし、サイズ比較を参考にインライン化を判断します。
- 3デコードタブに切り替え、画像の data URL を貼り付けてプレビューまたはダウンロードします。
Base64 画像変換
PNG、JPEG、GIF、WebP、SVG をドロップすると、CSS・HTML・JSON にそのまま貼れる data:image/…;base64,… を即座に生成します。元ファイルのサイズと変換後のテキストサイズを並べて表示するので、base64 約 33% の膨張をインライン化の前に確認できます。
data URL を貼り付けると逆方向のデコードができます:画像をプレビューし、宣言された MIME 型をファイルのマジックバイトと照合し、ワンクリックでファイルとしてダウンロード。不正な base64 や画像以外の型は、壊れたプレビューではなく明確なエラーで知らせます。
よくある質問
どんなときに data URL へのインライン化が得ですか?
小さなアイコン、アバター、ローディング用プレースホルダーに向いています。base64 はテキストをバイナリより約 33% 大きくするため、数 KB 以下ならリクエスト削減で全体としてお得になることが多いですが、写真では膨張のほうが大きくなりがちです。
base64 版が元ファイルより大きくなるのはなぜですか?
base64 は 3 バイトを 4 文字のテキストにエンコードするため、固定で 33% 膨張します(data:image/…;base64, 接頭辞も加算)。圧縮も欠落もなく、同じバイトのテキスト安全な表現にすぎません。
デコーダーはどんな形式に対応していますか?
ブラウザが描画できる画像なら何でも:PNG、JPEG、GIF、WebP、SVG、BMP、AVIF など。base64 の整合性、MIME 型が画像かどうかを検証し、マジックバイトが宣言と一致しない場合は警告します。
関連ツール
Base64 エンコーダー
テキストを UTF-8 対応で即座に Base64 エンコード。絵文字・アクセント記号・CJK 文字も確実に保持。無料・完全ブラウザ内処理です。
すべてのツール →
Base64 デコーダー
Base64 を UTF-8 を正しく扱って読めるテキストへ復元。data URI・API ペイロード・エンコード済み設定値が瞬時に分かります。
すべてのツール →
ハッシュ生成器
テキストやファイルの SHA-1・SHA-256・SHA-384・SHA-512・MD5 ハッシュをブラウザ内で計算。整合性チェックに素早く、アップロードは一切なし。
すべてのツール →
URL エンコーダー
URL やクエリ文字列をオンラインでパーセントエンコード。コンポーネント方式と URI 全体方式を選べ、リンク・パラメータ・パスにそのまま使えます。
すべてのツール →
ツールを埋め込む
1 行であなたのサイトにツールを。訪問者のブラウザ内で動きます。
<iframe src="https://zoyku.com/ja/tools/base64-image?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — base64-image" loading="lazy"></iframe>