Data URI生成
画像、SVG、フォント、PDF、音声などのファイルやSVGのコードを、HTMLやCSSにそのまま埋め込めるData URIに変換します。Base64のほか、SVG向けの短いURLエンコードにも対応。
Data URIの作り方
- ファイルを選ぶか、ドラッグ＆ドロップ、または貼り付けます（5 MBまで）。SVGのコードやテキストなら「テキスト」を選んで貼り付けます。
- ファイルの種類（MIME）とエンコード方法を確認します。Base64はどのファイルにも、URLエンコードはSVGとテキストに使えます（多くの場合こちらが短い）。
- 使いたい形を選びます（Data URI、CSS、imgタグ、ファビコン、ダウンロードリンク）。選んだらコピーします。
よくある質問
アイコンやSVGロゴ、フォントなど小さなファイルをHTMLやCSSに直接埋め込み、別のファイルを読み込まずに済ませるためです。数KBのファイル向きで、大きなファイルはページが重くなりキャッシュも効きません。
SVGとテキストでは、URLエンコードのほうが多くの場合Base64より短く、内容も読めます。PNG、JPG、フォントなどのファイルはBase64のみです。
Base64は3バイトを4文字にするため、約33%長くなります。変換前と後のサイズは結果に表示されます。
あちらは画像専用です。このツールはどんなファイルにも、貼り付けたSVGやテキストにも使え、ファイルの種類を変えられ、CSS、ファビコン、ダウンロードリンク用のコードもそのまま使えます。
完全に無料で、登録も不要です。