CSSデータURIコンバーター
画像をCSSに直接埋め込めるBase64データURIに変換。HTMLやCSSファイルで即座に使用できます。100%クライアントサイド。
100%クライアントサイド — データがデバイスから離れることはありません
ここに画像をドロップするか、クリックして参照
PNG、JPG、GIF、SVG、WebP対応
画像をアップロードして、Base64データURIを埋め込んだCSSを生成します
よくある質問
以下を検索するか、よくある質問をご覧ください。
background-imageプロパティを使用してBase64エンコード画像をCSSファイルに直接埋め込む方法で、HTTPリクエストを1回節約できます。
小さなアイコンの場合、リクエスト数を減らすことで読み込み時間が改善されます。しかし大きな画像の場合、CSSファイルが大幅に肥大化し、レンダリングブロックの遅延を引き起こす可能性があります。
Related Tools
Base64 Converter
Encode text to Base64 or decode Base64 to text — all in one tool
Image to Base64
Convert PNG, JPG, GIF, SVG, and WebP images to Base64 data URIs
Data URI Generator
Generate Data URIs from text or files, and parse existing Data URIs to extract their content and metadata
Base64 to Image
Decode Base64 strings into images instantly. Live preview your image and download the raw file