Data URIジェネレーター

Data URIジェネレーターとは？

Data URIジェネレーターは、ファイルをbase64エンコードしたData URIに変換し、HTML・CSS・JavaScriptに直接埋め込めます。アイコンやフォントなど小さなアセットのHTTPリクエスト数を削減できます。

使い方

1. ファイルピッカーで画像、フォント、SVG、その他の小さなアセットをアップロードしてください。
2. ファイルがbase64にエンコードされ、正しいMIMEタイプを含む完全なData URIが生成されます。
3. Data URIをコピーして、imgタグのsrc属性、CSSのbackground-image、JavaScriptコードに使用できます。

結果

2KBのfavicon.pngをData URIに変換してHTMLに直接貼り付ければ、ページ読み込みごとにネットワークリクエストが1つ減ります。

関連ツール