Conversion de format

Image vers Base64

Q: Qu'est-ce qu'un Data URI Base64 ?

Encode les données binaires en texte, permettant d'incorporer des images sans fichiers séparés.

Q: Augmente-t-il la taille ?

Oui, environ 33%. Idéal pour les petites images sous 4 Ko.

Q: Encoder toutes les images ?

Non. Utilisez uniquement pour les petites images, WebP/AVIF pour les grandes.

Q: Cet outil est-il gratuit ?

Oui, entièrement gratuit, sans inscription, sans filigrane ni limite quotidienne. Traitement local.

Convertit en Data URI Base64 pour développeurs.

Déposez une image à convertir en Base64

Prend en charge JPG, PNG, WebP, HEIC, TIFF et plus · Max 40 MB Mo

Qu'est-ce que Image vers Base64?

Convert images to Base64 data URIs for developers. Encodez toute image en data URI Base64 pour CSS/HTML. Incorporer de petites icônes directement dans le balisage. Chaîne data:[mime];base64,... prête à coller.

Tout le traitement s'effectue localement dans votre navigateur. Vos images ne sont jamais téléversées sur un serveur.

Fonctionnalités clés

Copie en un clic
Gère JPG/PNG/WebP/SVG/GIF
Affiche le différentiel de taille

Cas d'usage courants

Incorporer de petites images en HTML/CSS en Data URI
Inclure des images dans JSON, e-mails ou HTML mono-fichier
Encoder des images pour markdown, extensions ou apps web

Guide

Comment utiliser cet outil

Le convertisseur Image en Base64 transforme n'importe quel fichier image en une chaîne d'URI de données pouvant être intégrée directement dans du HTML, CSS, JSON ou JavaScript. C'est un incontournable des développeurs frontend pour intégrer de minuscules icônes, éviter des requêtes HTTP supplémentaires, et livrer des charges utiles d'actifs dans les réponses d'API — avec zéro aller-retour vers le cloud.

Comment l'utiliser

Déposez une image ou collez-la depuis le presse-papiers. L'outil lit le fichier en tant qu'ArrayBuffer, l'encode en base64, et préfixe le résultat avec l'en-tête d'URI de données approprié (par exemple data:image/png;base64,…). L'URI de données brut et une règle CSS de background prête à coller sont tous deux exposés.

Copiez l'une ou l'autre sortie dans le presse-papiers en un seul clic. L'outil rapporte également la taille encodée en temps réel afin que vous puissiez décider si l'intégration est un bon compromis — n'oubliez pas que les charges utiles base64 sont environ 33 % plus grandes que le binaire d'origine.

Copie en un clic de l'URI de données ou de la règle CSS background
Rapporte la taille encodée en octets en temps réel
Prend en charge JPG, PNG, WebP, SVG, GIF et plus
S'exécute entièrement hors ligne : sûr pour les actifs privés

Quand l'intégration a du sens

Les URI de données intégrés sont idéaux pour les images de moins de 4 Ko environ, les favicons, les templates d'e-mails, les placeholders blur-up et les actifs marketing ponctuels. Ils économisent un aller-retour réseau et éliminent les glitches d'image non chargée pour les pixels critiques des héros.

Pour tout ce qui est plus grand, gardez l'image externe et utilisez la mise en cache HTTP. Le base64 intégré gonfle votre bundle HTML/CSS, ne peut pas être mis en cache par le cache d'images du navigateur, et nuit aux métriques LCP lors du premier chargement de la page.

Questions fréquentes

Dois-je toujours encodé en Base64?

Seulement pour les petites ressources (<4Ko) ; Base64 est ~33% plus gros.

Quel MIME?

Détecté depuis la source : image/png, image/jpeg…

Qu'est-ce qu'un Data URI Base64 ?

Encode les données binaires en texte, permettant d'incorporer des images sans fichiers séparés.

Augmente-t-il la taille ?

Oui, environ 33%. Idéal pour les petites images sous 4 Ko.

Encoder toutes les images ?

Non. Utilisez uniquement pour les petites images, WebP/AVIF pour les grandes.

Cet outil est-il gratuit ?

Oui, entièrement gratuit, sans inscription, sans filigrane ni limite quotidienne. Traitement local.

Pourquoi la chaîne base64 est-elle plus grande que mon fichier original ?

Le base64 est un encodage 6 bits d'un flux binaire 8 bits, il ajoute donc environ 33 % de surcharge. C'est inhérent au format.

Puis-je décoder une chaîne base64 en fichier ?

Cet outil est unidirectionnel. La plupart des navigateurs et IDE peuvent afficher directement les URI de données, ou vous pouvez utiliser un utilitaire de décodage.

Qu'est-ce que Image vers Base64?

Fonctionnalités clés

Cas d'usage courants

Comment l'utiliser

Quand l'intégration a du sens

Questions fréquentes

Outils image associés

JPG vers PNG

PNG vers JPG

Image vers WebP

Image vers AVIF

HEIC vers JPG