INTÉGRER UNE PETITE RESSOURCE

Générateur de Data URI

Créez une URL data: ou retrouvez les octets qu’elle contient. Vérifiez le type MIME, le jeu de caractères et la longueur.

Générateur de Data URI

Entrée

Résultat

Le texte, les fichiers et le contenu des URI restent dans ce navigateur, sans envoi ni stockage dans une URL.

Options et métadonnées

Saisissez type/sous-type sans paramètres. Le texte utilise UTF-8 ; les octets des fichiers restent intacts. Le MIME est une déclaration, pas une détection.

Maximum : 600 000 octets source ou décodés, 1 900 000 caractères dans l’URI et 1 024 dans l’en-tête.

MIME : text/plain;charset=utf-8 · Jeu de caractères : utf-8 · Encodage : Base64

Longueur totale de l’URI : Base64 65 · Pourcent 80

20 octets · 65 caractères dans l’URI

Une icône intégrée peut disparaître à cause d’un dièse non échappé ou d’une virgule oubliée. Ce générateur de Data URI sépare les informations de l’en-tête du contenu réel : vous pouvez examiner l’adresse sans confondre son format avec celui du fichier.

Pourquoi ce générateur de Data URI ?

Comparer les longueurs sur votre SVG

Le générateur de Data URI calcule les deux longueurs complètes pour les mêmes octets. Un SVG surtout composé d’ASCII peut être plus court en encodage pourcent, mais les accents et la ponctuation changent le résultat. Le choix repose sur vos données.

Un même code SVG suit deux chemins d’encodage vers des bandes URI munies de repères de longueur.

Récupérer sans afficher la ressource

Un décodeur Data URI doit distinguer texte lisible et fichier binaire. Consultez le contenu littéral ou sa représentation hexadécimale, puis téléchargez tous les octets. Même déclarés HTML ou SVG, les contenus restent du code source dans cet outil.

Une bande URI se sépare en métadonnées et en fichier contenant les blocs d’octets colorés d’origine.

Trois vérifications avant l’intégration

01

Utiliser le préréglage SVG

Le mode SVG fixe image/svg+xml et propose l’encodage pourcent au départ. Passez à Base64 pour comparer les longueurs. Le préréglage ne corrige pas le XML, ne change pas les couleurs et ne retire pas les scripts : il conserve la source.

02

Attendre un résultat à jour

La conversion automatique attend 350 ms après une modification. Désactivez-la pour utiliser le bouton ou Ctrl/Cmd + Enter. Toute modification de l’entrée, du MIME ou de l’encodage bloque immédiatement l’export. Chaque mode conserve son propre contenu.

03

Vérifier ce que copie le bouton

En analyse, la légende précise si le résultat est du texte ou de l’hexadécimal. Copier reprend cette représentation ; télécharger les octets restitue la ressource complète. Exemple, effacement et remplacement de fichier passent par une vérification et peuvent être annulés une fois.

Ce que chaque opération conserve

Texte UTF-8 et fichier unique

La génération de texte ajoute charset=utf-8. Pour un fichier, le type fourni par le navigateur est utilisé, ou application/octet-stream en son absence. Vous pouvez remplacer le MIME, mais changer cette déclaration ne convertit pas le format des octets.

Encodage pourcent au niveau des octets

%FF représente un octet valide même s’il ne forme pas un caractère UTF-8. Un signe + reste un plus. La génération échappe guillemets, parenthèses, dièses, espaces et octets non ASCII au lieu de réécrire le contenu avant encodage.

Lecture explicite de l’en-tête

La première virgule sépare les métadonnées des données. L’analyse reconnaît le MIME absent, charset, les paramètres uniques et le marqueur base64 final. Les valeurs ASCII échappées sont acceptées ; les séquences incomplètes ne sont pas devinées.

Comptage complet, affichage progressif

Les octets de la ressource et les caractères de l’URI sont comptés séparément. Les premiers 20 000 caractères du résultat sont affichés, avec une commande pour en voir davantage. Les copies et téléchargements portent sur la totalité du résultat actuel.

Formats acceptés et limites concrètes

Une analyse volontairement stricte
Il faut data: et une virgule. Le Base64 standard accepte un remplissage correct ou entièrement omis ; un remplissage partiel, des bits inutilisés non nuls et Base64URL sont refusés. Espaces bruts, mauvais échappements et # brut sont rejetés : utilisez %23 pour un dièse de données.
Métadonnées bornées
Le MIME de génération est un type/sous-type sans paramètres, limité à 127 caractères ASCII. L’en-tête analysé accepte 1 024 caractères, des noms de paramètres uniques et des valeurs ASCII échappées. Les charset répétés et les marqueurs mal placés ne sont pas réparés.
Pas de conversion de jeu de caractères
L’aperçu accepte UTF-8 et ASCII. Avec un MIME explicite sans charset, il essaie UTF-8 ; sans MIME, il utilise US-ASCII. Un autre charset, des octets texte invalides ou des contrôles binaires donnent une vue hexadécimale. Les téléchargements restent identiques aux octets décodés.
Une petite ressource à la fois
Source et résultat décodé : 600 000 octets maximum. URI : 1 900 000 caractères. Le rappel à 32 768 caractères sert à vérifier la destination, ce n’est pas une limite commune aux navigateurs. Pas de traitement par lot, compression ou récupération d’URL distante.
Aucun rendu ni nettoyage du code
Le mode SVG encode sans optimiser, modifier les couleurs, supprimer des scripts, valider toute la structure ou convertir en PNG. Aucun aperçu HTML, image ou iframe n’est créé. Un MIME déclaré ou une analyse réussie ne prouve pas qu’un fichier est sûr à ouvrir.
La destination reste à vérifier
La sortie est une URI seule, sans habillage CSS, HTML ou Markdown. Les politiques du site, les clients de messagerie et leur cache ne sont pas testés. L’adresse contient les données, sans chiffrement ni possibilité de mettre la ressource intégrée en cache indépendamment.

Questions sur le générateur de Data URI

Quel type de média utiliser dans la Data URI ?

Choisissez le type réel : text/plain pour du texte, image/svg+xml pour du SVG ou image/png pour du PNG. application/octet-stream convient à des octets dont le type est inconnu. La déclaration ne transforme pas le fichier et ne détecte pas son format.

Mes données, fichiers ou résultats sont-ils envoyés ?

Non. Le fichier sélectionné est lu dans le navigateur. L’outil ne transmet pas l’entrée, ne crée pas d’URL de partage et ne conserve pas de brouillon. Une URI téléchargée contient toutefois les données entières : la partager revient à partager leur contenu.

L’outil détecte-t-il le marqueur Base64 ?

Oui, en lisant ;base64 à la fin de l’en-tête. Il ne devine pas l’encodage à l’apparence du contenu. Sans ce marqueur, les données sont traitées comme des octets en encodage pourcent. Collez donc une URI complète, pas une chaîne Base64 seule.

Quand le contenu décodé est-il affiché comme texte ?

Lorsqu’il peut être lu avec un jeu de caractères pris en charge, UTF-8 ou ASCII. Un autre charset, des octets invalides ou des contrôles binaires donnent une vue hexadécimale. Le téléchargement reste possible et aucun caractère de remplacement n’est inséré.

Peut-on utiliser un Data URI pour un SVG sans Base64 ?

Oui. Choisissez SVG puis encodage pourcent. Les caractères sensibles, dont le dièse des couleurs, sont échappés en octets ; le XML reste inchangé. Comparez les deux longueurs : SVG sans Base64 est parfois plus court, mais ce n’est pas garanti pour tous les contenus.

Un cas d’URI manque ?

Vérifier votre prochaine ressource

Ce générateur de Data URI permet de comparer les encodages, contrôler les métadonnées et retrouver les octets avant d’intégrer une ressource au projet.