Générateur de data URI
Transformez un fichier (image, SVG, police, PDF, audio) ou un extrait SVG en data URI à intégrer dans le HTML ou le CSS. Base64, ou encodage URL pour le SVG.
Comment créer un data URI
- Choisissez, déposez ou collez un fichier (5 Mo max). Pour un extrait SVG ou du texte, choisissez « Texte » et collez-le.
- Vérifiez le type de fichier (MIME) et l'encodage : Base64 convient à tout, l'encodage URL au SVG et au texte (souvent plus court).
- Choisissez la forme voulue : data URI, CSS, balise img, favicon ou lien de téléchargement, puis copiez-la.
Questions fréquentes
À intégrer un petit fichier (icône, logo SVG, police) directement dans le HTML ou le CSS, sans téléchargement séparé. Idéal pour quelques Ko ; un gros fichier alourdit la page et ne profite pas du cache.
Pour le SVG et le texte, l'encodage URL est souvent plus court que le Base64 et reste lisible. PNG, JPG, polices et autres fichiers n'acceptent que le Base64.
Le Base64 transforme chaque groupe de 3 octets en 4 caractères : environ 33 % de plus. La taille avant et après s'affiche avec le résultat.
Image en Base64 sert aux images. Cet outil accepte tout fichier ainsi que du SVG ou du texte collé, permet de changer le type et fournit le code pour le CSS, le favicon et le lien de téléchargement.
C'est entièrement gratuit et sans inscription.
Outils similaires
Décodeur de data URIVoir et enregistrer le fichier d'un data URIImage en Base64Intégrez des images en HTML ou CSS avec Base64Recherche de type MIMETrouvez les types MIME et le vrai type d'un fichierGénérateur de slugTransformez des titres en slugs d'URL propresGénérateur d'UUIDGénérez des identifiants UUID aléatoiresConvertisseur de couleursConvertissez les codes couleur HEX, RGB et HSLTesteur de regexTester une regex : correspondances, groupes et remplacementGénérateur de regexRegex prêtes pour email, téléphone, dates…Explication de regexComprenez chaque partie d'une regex