🔗Data URI 生成
画像・SVG・テキストを Base64 エンコード Data URI に変換。CSS background-image にインライン、HTML メールに画像埋め込み、外部リクエストなしの 1 ファイルデモ、小型 favicon 埋め込みに。MIME タイプ自動検出。
🔒 ブラウザ内処理✓ ウォーターマークなし✓ 登録不要
使い方
- 1ファイルアップロードまたはテキスト入力。
- 2MIME タイプ自動検出。
- 3data:... 形式 URI 生成。
- 4CSS background、HTML img src、メールにコピー使用。
よくある質問
Data URI とは?+
`data:image/png;base64,...` 形式でファイル内容を URL に直接埋め込む方式。外部ファイル要求なし。
サイズ制限?+
理論上無制限、実用的には <10KB 推奨。Base64 で約 +33%。
なぜ Base64?+
URI 内に安全に埋め込むため。バイナリは URI 特殊文字と衝突するので Base64 変換。
主な用途?+
(1) 小さな CSS 背景アイコン、(2) HTML メール画像、(3) Webpack/Vite 小型アセット、(4) 1 ファイル HTML デモ。
欠点?+
(1) +33% サイズ、(2) ブラウザキャッシュ不可、(3) 大ファイルでページ解析遅延。