🖻画像 ↔ Base64変換
画像をBase64データURLにエンコード、データURLを画像にデコード。CSS・メールに画像をインライン埋込時に使用。
🔒 ブラウザ内処理✓ ウォーターマークなし✓ 登録不要
使い方
- 1画像をアップロードするとBase64データURLが自動生成されます。
- 2逆にデータURLを貼り付けると画像としてプレビューされます。
- 3コピーボタンで結果を取得します。
よくある質問
データURLの容量は元より大きいですか?+
Base64は約33%容量が増加します。インライン埋め込み以外では通常、外部ファイルの方が効率的です。
いつインライン化が良いですか?+
(1)非常に小さなアイコン(<5KB)、(2)HTTPリクエストを減らしたいとき、(3)メールに画像添付なしで送る場合などです。
大きな画像をBase64で使うと?+
容量増加+キャッシュ不可+HTML/CSSファイルが肥大化します。大きな画像は外部ファイルが推奨です。
データURLがページで動作しません。なぜ?+
(1)長さ制限—一部ブラウザが非常に長いデータURLを扱えない、(2)Content Security Policy(CSP)がデータURLをブロックする可能性があります。
メールに画像添付の代わりにインラインで使うと?+
Gmail・Outlookなど一部のメールクライアントはセキュリティ上、インライン画像をブロックします。信頼性のため添付も併用を推奨します。
SVGもBase64が良いですか?+
SVGは元のテキストの方が短い場合が多く、'data:image/svg+xml,...'形式(Base64なし)の方が効率的です。