クリックしてアップロード、または画像をドロップ
PNG、JPG、GIF、WebP、SVGに対応 — ブラウザ内でエンコードこのツールについて
どんな画像でもBase64のData URIにエンコードして、HTML・CSS・JSONに直接埋め込めます — 個別の画像ファイルや追加のHTTPリクエストは不要です。逆にBase64の文字列を画像にデコードして、プレビューやダウンロードもできます。
PNG、JPG、GIF、WebP、SVGに対応し、data:image/…;base64,プレフィックスの有無を選べ、すぐに使えるCSS背景ルールとしてコピーすることもできます。すべてブラウザ内で完結し、画像がアップロードされることはありません。
特長
- 双方向 — 画像 → Base64、Base64 → 画像
- Data URIプレフィックスの有無を選択可能
- CSSとしてコピー — background-image: url("…")
- デコードした画像をダウンロード
- プライバシー保護 — エンコード・デコードはすべて端末上で実行
使い方
- 画像 → Base64 — 画像をアップロードし、Base64文字列をコピー(Data URIプレフィックスのオン・オフを切り替え可能)
- Base64 → 画像 — モードを切り替え、Data URIまたは生のBase64を貼り付けて、画像をプレビュー・ダウンロード
- CSS背景としてコピーを使えば、スタイルシートにそのまま貼り付けられます
よくある質問
画像をBase64でインライン化すべきタイミングは?
小さなアイコン、ロゴ、背景画像はよい候補です — インライン化によってHTTPリクエストを1つ減らせます。大きな画像は通常のファイルのままにしておくほうがよいでしょう。Base64は元のバイト数よりも約33%大きくなるためです。
画像はアップロードされますか?
いいえ。変換はすべてブラウザ内で完結します。