Paritian

Développement

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

Taille du texte Base64 32.0 kB
Caractères 32 790
Plus gros que le fichier de 33,3 %
Elle était de 24.0 kB

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

SymboleSignificationUnité
snippetCopier sous forme de—
bytes_inTaille d'origine, en octets—
mimeType de fichier—
OUTTaille du texte Base64—
CHCaractères—
OVPlus gros que le fichier de%
BFElle é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.