À propos de cet outil
Cet outil produit un texte complet de la forme data:<type d’image>;base64,... Il convient aux petites icônes, aux présentations et au HTML ou CSS compatibles avec les Data URI, pour transporter une image sous forme de texte.
Mode d’emploi
- Sélectionnez ou déposez une image JPG, PNG, WebP, GIF, BMP ou SVG.
- Vérifiez le type d’image, la taille du fichier et l’aperçu.
- Cliquez sur « Générer la Data URI » pour voir le texte complet et sa longueur.
- Cliquez sur « Copier la Data URI » ou « Télécharger le TXT », puis utilisez le résultat selon les possibilités de l’application cible.
Formats acceptés
- Entrée : JPG, PNG, WebP, GIF, BMP ou SVG, avec un fichier d’origine de 20 MiB maximum.
- Sortie : Data URI Base64 avec le type MIME réel de l’image (.txt).
À savoir sur la conversion
- Une Data URI comprend le préfixe data:, le type d’image, l’indication ;base64, et le texte Base64 de l’image originale.
- L’encodage ne recompresse pas l’image et conserve le fichier original. Le texte est généralement environ 33 % plus volumineux que le fichier, avec un léger supplément pour le préfixe.
- Les Data URI alourdissent le HTML, le CSS ou les documents et conviennent peu aux grandes images. L’application cible peut aussi limiter leur longueur ou interdire les images intégrées.
- L’aperçu SVG exclut les scripts et ressources externes, mais le résultat conserve le contenu SVG original. Utilisez-le uniquement si vous faites confiance à la source du fichier.
L’image originale est limitée à 20 MiB. L’aperçu accepte au maximum 40 millions de pixels, sans dépasser 16384 pixels de largeur ou de hauteur. Les SVG doivent être encodés en UTF-8 et leur code est limité à 2 MiB.
Confidentialité
Vos images sont traitées uniquement dans votre navigateur et ne sont pas envoyées sur un serveur.
L’outil n’enregistre pas automatiquement les images sélectionnées ni les résultats. Téléchargez ou copiez ce que vous souhaitez garder avant d’effacer ou de quitter la page.
FAQ
Qu’est-ce qu’une Data URI ?
Il s’agit d’un texte contenant à la fois le type et les données d’un fichier, par exemple data:image/png;base64,... Il représente une image dans les applications compatibles.
Peut-on utiliser directement une Data URI dans du HTML ou du CSS ?
Oui, comme adresse d’image ou d’image de fond lorsque les Data URI sont acceptées. Le site, l’application ou ses règles de contenu peuvent toutefois restreindre cet usage.
Pourquoi est-ce peu adapté aux grandes images ?
Base64 augmente la taille des données d’environ un tiers. Le texte complet alourdit aussi le HTML, le CSS ou le document, ce qui peut gêner l’édition et le chargement.
Quelle est la différence avec du Base64 brut ?
Une Data URI inclut aussi le préfixe data: et le type MIME de l’image. Si vous voulez uniquement du Base64 brut, utilisez Image → Base64.
Générer une Data URI modifie-t-il l’image ?
Non. L’outil encode le fichier original sans recompresser l’image ni supprimer ses informations.
Mes images sont-elles envoyées sur un serveur ?
Non. La sélection, l’aperçu, la conversion et le téléchargement s’effectuent dans votre navigateur. Vos images ne sont pas envoyées sur un serveur.