Data URIジェネレーター
無料オンライン Data URI 生成ツール、ファイルを Base64 に変換
Data URI とは?
Data URI は、data:[mimeType];base64,[data] 形式を使用して、URL にファイルデータを直接埋め込みます。これにより、外部ファイル参照なしに HTML、CSS、JavaScript に小さな画像、フォント、ファイルを直接埋め込むことができます。Data URI は小さいリソースの追加 HTTP リクエストを削除します。
Data URI を生成する方法
ファイルをアップロード(画像、フォント、SVG など)。ツールが Data URI 文字列を生成します。背景画像プロパティを取得するために Copy as CSS を使用するか、img タグ用に Copy as HTML を使用します。Data URI は 10KB 未満のファイルに最適です。
▶Data URI と外部ファイルのどちらを使用すべきですか?
アイコン、小さな画像、フォントなどの小さいリソース(10KB 未満)には Data URI を使用してください。大きなファイルの場合、キャッシュ付きの外部ファイルの方が効率的です。CSS にあまりに多くの Data URI を含めると、レンダリングが遅くなる可能性があります。
▶Data URI はすべてのブラウザで動作しますか?
はい、すべての最新ブラウザは Data URI をサポートしています。非常に古いブラウザ(IE8 以下)には 32KB のサイズ制限がありますが、これは最新のアプリケーションには関係ありません。
このツールが役に立ったら、作者にコーヒーをおごってください。
コーヒーをおごる