Convertisseur d'image en Base64

Convertissez une image en Data URI Base64 avec des extraits HTML et CSS prêts à coller — sans aucun téléversement.

Comment utiliser

  1. Choisissez une image (PNG, JPG, WebP, GIF ou SVG) — elle est lue localement, jamais téléversée.
  2. L'outil produit le Data URI ainsi que des extraits HTML et CSS background-image prêts à coller.
  3. Copiez la version dont vous avez besoin en un clic, ou téléchargez le Data URI en fichier texte.

À propos de cet outil

Un Data URI intègre un fichier directement dans du texte : data:image/png;base64, suivi des octets du fichier encodés en Base64. Collez-le dans une balise , un arrière-plan CSS ou un payload JSON et l'image s'affiche sans fichier séparé et sans requête HTTP supplémentaire — l'image voyage à l'intérieur du document lui-même.

C'est réellement utile pour les petites images : icônes dans une page HTML monofichier, logos dans les e-mails transactionnels, minuscules espaces réservés intégrés au CSS, fixtures dans les tests automatisés. C'est le mauvais outil pour les grandes images — la sortie Base64 est environ 33 % plus volumineuse que le fichier d'origine et ne peut pas être mise en cache séparément du document. En règle générale, intégrez les images de moins de quelques kilo-octets et servez tout le reste comme des fichiers normaux.

La conversion se fait ici avec l'API FileReader, entièrement sur votre appareil : l'image est lue en mémoire, encodée et affichée — pas de téléversement, pas de serveur, pas de stockage. L'estimation de taille à côté du résultat montre exactement ce que représente le surcoût de 33 % pour votre fichier avant que vous ne décidiez de l'intégrer.

La formule

Format du Data URI : data:{mime-type};base64,{base64-bytes}. Taille encodée ≈ taille d'origine × 4/3 (plus ~2 % si les sauts de ligne sont conservés).

Questions fréquentes

Mon image est-elle envoyée à Vai.la ?

Non. Le fichier est lu avec l'API FileReader dans votre navigateur et ne quitte jamais votre appareil.

Quand utiliser un Data URI plutôt qu'un fichier image ?

Pour les petites images (jusqu'à quelques Ko) où économiser une requête HTTP ou livrer un fichier unique et autonome compte : signatures d'e-mail, pages monofichier, fixtures de test.

Pourquoi la version Base64 est-elle plus grande que mon fichier ?

Base64 représente chaque tranche de 3 octets par 4 caractères de texte, ce qui ajoute environ 33 %. C'est le prix pour voyager en texte brut.

Quels formats sont pris en charge ?

PNG, JPG, WebP, GIF et SVG. Le Data URI conserve le format et le type MIME d'origine — rien n'est réencodé.

Outils associés

Des liens trop longs ? Raccourcissez-les gratuitement

Vai.la transforme n'importe quelle URL en lien court avec statistiques de clics, QR Code et votre propre biolink.

Vai.la n'est pas responsable de l'utilisation des outils ni des décisions prises sur la base de leurs résultats.