Convertir une image en Base64 (et du Base64 en image)
Transformez une image en data URI Base64 pour le HTML ou le CSS, ou un texte Base64 en image.
ou glissez-déposez ici, ou collez avec Ctrl+V / ⌘V
Formats acceptés : JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF
Cette image dépasse 100 Ko. Intégrer de grandes images dans du HTML ou du CSS ralentit les pages ; un fichier image classique est généralement préférable.
Vos images sont traitées dans votre navigateur et ne sont pas envoyées. Détails sur la confidentialité
Mode d’emploi : Image en Base64
- 1 Pour encoder, choisissez ou faites glisser une image ; le texte Base64 apparaît aussitôt.
- 2 Choisissez comment le copier : data URI, Base64 seul, balise HTML img, CSS, Markdown ou JSON.
- 3 Copiez-le dans le presse-papiers ou téléchargez-le en fichier texte.
- 4 Pour décoder, passez à « Base64 → Image », collez le texte et téléchargez l'image.
À propos de cet outil
Le Base64 transforme un fichier en texte : une image peut ainsi être écrite directement dans du HTML, du CSS, du JSON ou un modèle d'e-mail au lieu d'être chargée comme fichier séparé. Les développeurs l'utilisent pour les petites icônes, les espaces réservés et les logos qui doivent toujours être disponibles.
L'encodeur lit votre fichier tel quel, sans le recompresser, et fournit des extraits prêts à coller. Le décodeur accepte du Base64 simple ou une data URI complète (y compris le Base64 compatible URL), détecte le vrai format de l'image à partir des octets décodés et vous permet de télécharger le fichier.
Le texte Base64 est environ un tiers plus lourd que le fichier d'origine : il convient surtout aux petites images. Tout se passe dans votre navigateur ; rien n'est envoyé.
Questions fréquentes
Quand utiliser des images en Base64 ?
Pour les petites images (icônes, logos, espaces réservés de quelques kilo-octets) qui doivent se charger avec la page ou tenir dans un seul fichier, comme un modèle d'e-mail ou un JSON. Les grandes photos sont préférables en fichiers classiques, que le navigateur peut mettre en cache et charger en parallèle.
Pourquoi le texte Base64 est-il plus lourd que l'image ?
Le Base64 utilise 4 caractères pour 3 octets : il est donc environ 33 % plus lourd. Compressez ou réduisez l'image d'abord si la taille compte.
Qu'est-ce qu'une data URI ?
C'est un texte Base64 précédé d'un préfixe comme « data:image/png;base64, ». Les navigateurs l'acceptent partout où une URL d'image est attendue, par exemple dans une balise img ou un background-image CSS.
Quel format aura l'image décodée ?
Le format que contiennent réellement les données (JPG, PNG, WebP, GIF, SVG…). L'outil le détecte à partir des octets décodés, pas du préfixe collé.
Mon image est-elle envoyée ?
Non. L'encodage et le décodage se font dans votre propre navigateur.
Outils similaires
-
SVG en PNG
Convertissez des fichiers SVG en PNG, un par un ou plusieurs à la fois.
-
Compresseur d’images
Allégez vos images pour l’e-mail, les sites web et les limites d’envoi, et voyez exactement ce que vous gagnez.
-
Générateur de favicon
Créez favicon.ico, les icônes Apple et Android et le code HTML depuis une image, des lettres ou un emoji.
-
Convertisseur d’images
Convertissez n’importe quel mélange d’images et de PDF : chaque fichier en JPG, PNG, WebP, AVIF, GIF, BMP, TIFF, ICO ou PDF.