Qu'est-ce qu'un Data URI ?

C'est un schéma d'URI qui permet d'inclure les données d'un fichier directement en ligne dans le code source d'un document web comme le HTML ou le CSS.

Quelle est la taille maximale de fichier acceptée ?

Le générateur accepte des fichiers d'une taille maximale de 10 Mo.

Quel encodage dois-je choisir pour un fichier SVG ?

Pour les fichiers SVG, l'encodage URL (pourcentage) est recommandé car il produit un code plus court et plus lisible que le Base64.

Puis-je forcer un type MIME spécifique ?

Oui, vous pouvez saisir un type MIME personnalisé dans le champ dédié pour remplacer la détection automatique du fichier.

L'utilisation de Data URI améliore-t-elle les performances ?

Oui, pour les petits fichiers, car cela élimine les requêtes HTTP supplémentaires, bien que cela augmente légèrement la taille du fichier HTML ou CSS hôte.

Elysia Tools

Navigation mobile

Development

Générateur de Data URI

Convertit les fichiers en Data URI (Base64 ou pourcentage-encodé) pour intégrer images, polices et ressources directement dans HTML, CSS ou Markdown

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Entrées

Renseignez les champs nécessaires, puis lancez l’outil.

4 réglages

FichiersImportez les fichiers source du flux.1

FichierfileRequis

Taille maximale par fichier : 10 MBTypes pris en charge : image/png, image/jpeg, image/gif, image/webp, image/avif, image/bmp, image/svg+xml, image/x-icon, image/tiff, audio/mpeg, audio/wav, audio/ogg, audio/flac, video/mp4, video/webm, font/woff, font/woff2, font/ttf, font/otf, application/pdf, text/css, text/javascript, text/plain, text/html, application/json, application/xml, */*

ContenuCollez ou saisissez les valeurs principales.1

Type MIMEtextOptionnel

RéglagesAjustez formats, plages, nombres et modes.2

EncodageselectOptionnelFormat de sortieselectOptionnel

Résultat

Prêt à exécuter

Après exécution, les fichiers, textes, données structurées ou sorties en flux apparaîtront ici.

Exemples

Exemples adaptés à cet outil

Associé

Générateur de Data URI

Exécuter cet outil

Entrées

Résultat

Exemples adaptés à cet outil

Continuer avec des outils et dossiers associés

Entrées

Résultat

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Aperçu

Quand l’utiliser

Fonctionnement

Cas d’usage

Exemples

1. Intégration d'un logo SVG dans du CSS

2. Intégration d'une police WOFF2 dans une feuille de style

FAQ

Exemples de Traitement d'Images Web TypeScript

Exemples de Traitement d'Images Web Rust

Exemples PDF

Exemples de Communication Temps Réel WebRTC

Séquence d'Images en Vidéo

Planche Contact PDF

Feuille Storyboard PDF

Outil d'Opacité de Filigrane

Outils d encodage et de conversion audio

Outils de conversion de formats d image et d export anime

Outils d interchange JSON et de traduction de formats

Outils de conversion de casse, d’encodage et de normalisation de texte