Fichier en Data URI

Les Data URI permettent d’intégrer un petit fichier directement dans du CSS ou du HTML, ce qui économise une requête pour les petites icônes. Ils sont environ 33 % plus lourds que l’original et ne peuvent pas être mis en cache séparément ; cet outil vous prévient donc quand un fichier est trop gros pour être intégré. Les SVG peuvent aussi être encodés en texte échappé pour URL, souvent plus léger que le Base64.

Choisissez un fichier ou déposez-le iciJusqu’à 2 Mo. Les petits fichiers (moins de 10 Ko) conviennent le mieux.

Encodage

0Original

0URI de données

0Surcoût

URI de données

Fonctionne entièrement dans votre navigateur. Vos saisies et vos fichiers ne sont envoyés à aucun serveur.

Mode d’emploi

Choisissez un petit fichier (idéalement moins de 10 Ko).
Choisissez Base64 ou, pour un SVG, le texte encodé pour URL.
Copiez le Data URI ou un extrait CSS/HTML prêt à l’emploi.

Exemples

Arrière-plan CSS

background-image: url("data:image/svg+xml,…") pour une icône de 600 octets.

Signature d’e-mail

Certains clients de messagerie bloquent les Data URI — testez avant de compter dessus.

Confidentialité

Fonctionne entièrement dans votre navigateur. Vos saisies et vos fichiers ne sont envoyés à aucun serveur. Consultez la politique de confidentialité pour savoir ce qui est enregistré dans votre navigateur (favoris et historique uniquement). Politique de confidentialité

Vérifiez par vous-même : ouvrez les outils de développement du navigateur, sélectionnez l’onglet Réseau (Network) et utilisez l’outil. Votre fichier n’apparaît dans aucune requête d’envoi. Une fois cette page enregistrée pour une utilisation hors ligne, vous pouvez aussi vous déconnecter d’Internet et continuer à travailler. Les publicités et les statistiques de visite anonymes, lorsqu’elles sont activées, envoient leurs propres requêtes, mais ne reçoivent jamais vos fichiers ni vos textes.

Questions fréquentes

Quand ne pas utiliser de Data URI ?

Pour les fichiers de plus de 10 Ko environ, pour les images utilisées sur de nombreuses pages (un fichier normal peut être mis en cache une fois) et pour tout ce qui change souvent.

Le fichier est-il envoyé ?

Non. Il est lu et encodé dans votre navigateur.

Outils associés

Tous les outils : Utilitaires de fichiers

Encodeur / décodeur Base64Encodez du texte ou des fichiers en Base64 et décodez le Base64 en texte ou en fichier téléchargeable.

Aperçu et optimiseur SVGPrévisualisez des fichiers SVG en toute sécurité et allégez-les en supprimant commentaires, métadonnées d’éditeur et espaces, avec arrondi facultatif des nombres.

Générateur de faviconGénérez un jeu complet de favicons à partir d’une image ou d’une lettre : favicon.ico, PNG de 16 à 512 px, icône Apple touch, manifeste web et balises HTML, dans un seul ZIP.

Vérificateur de type et d’infos de fichierDécouvrez ce qu’est vraiment un fichier.

Nettoyeur CSVNettoyez vos fichiers CSV dans le navigateur : rognez les cellules, supprimez les lignes vides et en double, changez le délimiteur et prévisualisez le tableau avant de télécharger.

Convertisseur CSV ↔ JSONConvertissez du CSV en JSON (tableau d’objets ou de tableaux) et du JSON en CSV.