画像 Base64 変換
PNG・JPG・GIF・WebP・SVG 画像を Base64 データ URI に変換し、HTML や CSS にそのまま貼り付けられます。
100% プライベート——すべてブラウザ内で動作
使い方
- 1
画像をドロップするか、クリックして端末から選択します。
- 2
Base64 データ URI と、img タグ・CSS のスニペットがすぐに生成されます。
- 3
必要なコードをコピーするか、データ URI をテキストファイルとして保存します。
使用例
小さなアイコン
入力
logo.png · 12 KB出力
data:image/png;base64,iVBORw0…（約 16 KB のテキスト）CSS に埋め込み
入力
background.png · 4 KB出力
background-image: url("data:image/png;base64,…");よくある質問
Base64 にするとサイズが増えるのはなぜ？
3 バイトを 4 文字で表すため、テキストは元ファイルより約 33% 大きくなります。Gzip 圧縮で多くの場合は相殺されます。
どんな画像を埋め込むべき？
数 KB のアイコン、ロゴ、UI グラフィック向きです。HTTP リクエストを 1 回減らす効果が、増える容量より大きくなります。
画像はアップロードされますか？
いいえ。ブラウザの FileReader で読み込むだけで、ファイルは端末外に出ません。
関連ツール
Base64 エンコード/デコードテキストと Base64 をブラウザー上で即時に相互変換。Unicode・絵文字に完全対応。画像圧縮JPG・PNG・WebP 画像をブラウザー内で圧縮。品質・出力形式・サイズを調整してダウンロード。画像がデバイスの外に出ることはありません。SVG → PNG 変換SVG ファイルや貼り付けた SVG コードを、任意の幅でシャープな PNG に変換。白背景も選べます。画像リサイズブラウザで画像を正確な寸法にリサイズします。アスペクト比を維持します。JPGからPNGJPG画像をPNG形式に即座に変換します。100%ブラウザ内で処理。PNGからJPGPNG画像をJPG形式に即座に変換します。100%ブラウザ内で処理。