Base64 画像エンコーダー・デコーダー

画像を Base64 に、またその逆に変換します。PNG、JPEG、GIF、WebP、BMP、SVG、ICO に対応。 Data URI、HTML <img>、CSS background-image、Markdown、JSON、XML として出力します。
すべての処理はブラウザー内でローカルに行われ — 画像がサーバーへアップロードされることはありません。
方向: 形式:
📷
クリックで選択またはここに画像をドラッグ&ドロップ
PNG、JPEG、GIF、WebP、BMP、SVG、ICO — 最大 10 MB
⚠ 大きな画像(5 MB 超)。エンコードされた Base64 は非常に長くなります。先に圧縮を検討してください。
Preview
形式:-
寸法:-
ファイルサイズ:-
Base64 サイズ:-
エンコード:画像 → Base64
画像をアップロードまたはドラッグ&ドロップして Base64 にエンコードします。7 つの出力形式から選べます:Data URI(Web ページに直接埋め込み)、生の Base64、HTML <img>、CSS background-image、Markdown、JSON、XML。
デコード:方向を切り替えると、Base64 文字列を画像にデコードします — 任意の Base64 または Data URI を貼り付けて画像プレビューを確認。画像形式はマジックバイト(PNG、JPEG、GIF、WebP、BMP、ICO、SVG)から自動判定されます。
URL セーフ:+ を - に、/ を _ に置き換え、末尾の = パディングを取り除きます。
対応形式:PNG、JPEG、GIF、WebP、BMP、SVG、ICO。
プライバシー:すべての処理はブラウザー内でローカルに行われ — 画像がアップロードされることはありません。
画像のインライン化が価値があるとき

画像を Data URI としてインライン化すると HTTP リクエストが 1 つ節約できますが、Base64 テキストは生バイトより約 33% 大きく、ページとは別にキャッシュできません。そのトレードは小さなアイコンや単発のグラフィックには価値があり、写真や繰り返し使うアセットにはたいてい間違いです。

目安:数 KB までの画像はインライン化 — それより大きいものは、別々にキャッシュされる画像ファイルが再訪問で勝ちます。