Convertisseur CSS data URI
Collez une feuille de style, choisissez un fichier ou saisissez l’URL d’un fichier CSS distant. Le convertisseur trouve chaque référence url(...), télécharge les ressources plus petites que votre limite de taille et les remplace par des data URI Base64.
| Ressource | Taille | Résultat |
|---|
Quand l’intégration d’images CSS est utile
Chaque image externe coûte une requête. Pour les petites icônes, les intégrer en data URI Base64 supprime cette requête et évite le scintillement. Au-delà de quelques kilo-octets, le surcoût de 33 % et la perte de mise en cache l’emportent sur le bénéfice, d’où la limite de taille du convertisseur. Servez le résultat avec gzip ou Brotli pour récupérer l’essentiel du surcoût Base64.
Questions fréquentes
Faut-il intégrer toutes les images CSS ?
Non. N’intégrez que les petites icônes et arrière-plans. Les grandes images alourdissent le CSS, bloquent l’affichage et ne peuvent pas être mises en cache séparément.
Commentaires (0)
Une question, une idée ou un bug dans « Convertisseur CSS data URI » ? Laissez un commentaire, notez l’outil ou répondez aux autres.
Aucun commentaire pour l’instant. Soyez le premier à donner votre avis !