Convertisseur d'image en Base64 (data URI)
Transformez une image en texte Base64 à coller directement dans du HTML, du CSS ou du JSON, sous forme de data URI, de balise <img> ou de fond CSS.
Résultats
Ce que fait cet outil
Un data URI place l'image elle-même dans le code : une petite icône ou un logo n'ont alors besoin ni d'un fichier séparé ni d'une requête de plus. Le prix, c'est la taille : le Base64 écrit chaque groupe de 3 octets avec 4 caractères, si bien que le texte est environ un tiers plus gros que le fichier, et le navigateur ne peut pas le mettre en cache séparément. Il convient aux petites icônes, aux modèles d'e-mail et aux pages en un seul fichier, beaucoup moins aux photos. Rien ne quitte votre ordinateur : le navigateur lit le fichier et écrit le texte sur cette page.
Formule
caractères Base64 = 4 × ⌈octets ÷ 3⌉ ; data URI = data:type;base64, + caractères
Variables
| Symbole | Signification | Unité |
|---|---|---|
snippet | Copier sous forme de | — |
bytes_in | Taille d'origine, en octets | — |
mime | Type de fichier | — |
OUT | Taille du texte Base64 | — |
CH | Caractères | — |
OV | Plus gros que le fichier de | % |
BF | Elle était de | — |
Exemple résolu
- Copier sous forme deuri
- Taille d'origine, en octets24 576
- Type de fichierimage/png
- Taille du texte Base6432.0 kB
- Caractères32 790
- Plus gros que le fichier de33,3 %
- Elle était de24.0 kB
Limites
- Le calcul s'effectue entièrement dans votre navigateur. Les valeurs saisies ne sont jamais envoyées à un serveur.