Data URIジェネレーター
無料オンライン Data URI 生成ツール、ファイルを Base64 に変換
Data URIとは
Data URIスキームを使用すると、外部ファイルではなくURL内に直接データを埋め込めます。例:data:image/png;base64,iVBOR...。画像をHTMLやCSSに直接埋め込むことができ、HTTPリクエストを減らせます。
Data URIの生成方法
ファイルをアップロードします。ツールが自動的にbase64エンコードしてData URIを生成します。HTMLの<img>タグやCSSのbackground-imageで直接使用できます。
▶Data URIの利点は?
HTTPリクエスト数の削減、小さな画像のインライン表示、外部ファイルへの依存排除が主な利点です。キャッシュはData URI単位ではなく、含まれるHTML/CSSファイル単位で行われます。
▶Data URIの欠点は?
約33%サイズが増加する(base64エンコード)、HTML/CSSファイルのサイズ増大、ブラウザキャッシュが効きにくい、大きなファイルには不向き。
▶Data URIに適したファイルサイズは?
通常、数KB以下の小さなアイコンや装飾画像に最適です。10KB以上のファイルはData URIより通常のURL参照が推奨されます。