使い方
- 画像ファイルをアップロードするか、ドロップゾーンにドラッグしてエンコードします。
- 生成された data:image Base64 文字列をコピーして、HTML、CSS、または JSON でインライン使用します。
- デコードするには、既存の data:image 文字列を貼り付けると、元の画像がダウンロード用にレンダリングされます。
- 小さいアセットに Base64 インライニングを使用して HTTP リクエストを節約します。大きな画像は避けてください。
例
- 小さなアイコンを CSS に直接埋め込みます:background: url(data:image/png;base64,iVBOR...)。
- data:image/svg+xml;base64 文字列を貼り付けて、元のファイルをプレビューしてダウンロードします。