Aller au contenu
SPCXTools

Image en Base64

Transformez n'importe quelle image en data URI Base64 et copiez le résultat en Base64 brut, arrière-plan CSS, balise img HTML ou Markdown.

Fonctionne en local — vos fichiers ne quittent pas votre appareil

Chargement de l’outil…

Comment utiliser : Image en Base64

  1. 1Choisissez une image ou glissez-déposez-la sur la page.
  2. 2Choisissez le format de sortie — Data URI, Base64 brut, CSS, HTML ou Markdown.
  3. 3Vérifiez la taille encodée indiquée à côté de l'aperçu.
  4. 4Cliquez sur Copier et collez le code là où vous en avez besoin.

Intégrer des images directement dans votre code

Il arrive d'avoir besoin d'une image sans fichier séparé : une icône dans une feuille de style, un logo dans un rapport HTML en un seul fichier, un placeholder dans une réponse d'API JSON, une image dans un document Markdown ou un arrière-plan dans une bibliothèque de composants. Ce convertisseur encode n'importe quelle image en Base64 et la formate prête à être collée — en tant qu'URI de données (data URI), Base64 brut, background-image CSS, balise HTML <img> ou syntaxe d'image Markdown.

Fonctionnalités

  • Tous les formats d'image courants : PNG, JPG, GIF, WebP, AVIF, SVG, ICO et plus.
  • Cinq formats de sortie pour différentes utilisations.
  • Comparaison de taille entre le fichier original et le texte encodé.
  • Aperçu de l'image avec damier de transparence.
  • Copie en un clic.
  • Privé : le fichier ne quitte jamais votre navigateur.

Exemples de sortie

Format Résultat
Data URI data:image/png;base64,iVBORw0KGgo…
Base64 iVBORw0KGgo…
CSS background-image: url("data:image/png;base64,…");
HTML <img src="data:image/png;base64,…" alt="logo">
Markdown ![logo](data:image/png;base64,…)

Gardez vos images intégrées légères

Les images intégrées ne peuvent pas être mises en cache séparément et sont téléchargées à nouveau avec chaque copie de la page ou de la feuille de style qui les contient. En règle générale, n'intégrez que des images de moins de quelques kilo-octets. Réduisez d'abord la taille des images avec Compresser une image, convertissez les icônes vectorielles avec SVG en PNG si un format bitmap est nécessaire, ou encodez d'autres fichiers et textes avec l'encodeur Base64.

Questions fréquentes

Qu'est-ce qu'une data URI ?
Une data URI intègre un fichier directement dans le texte, sous la forme data:image/png;base64, suivie des octets encodés. Les navigateurs l'affichent exactement comme une image chargée depuis une URL, mais aucune requête supplémentaire n'est nécessaire.
Pourquoi la version Base64 est-elle plus lourde que l'image ?
Le Base64 encode chaque groupe de 3 octets en 4 caractères texte, le résultat est donc environ 33 % plus lourd que le fichier original. Lorsqu'une page est servie avec la compression gzip ou Brotli, une partie de ce surpoids est compensée.
Quand dois-je intégrer des images en Base64 ?
Pour les petites images — icônes, petits logos, placeholders et images dans les e-mails HTML ou les documents à fichier unique — lorsqu'il est important d'éviter une requête supplémentaire. Pour les grandes photos, un fichier image classique est préférable car il peut être mis en cache séparément et n'alourdit pas votre HTML ou CSS.
Les clients de messagerie affichent-ils les images en Base64 ?
Le support varie. De nombreux webmails bloquent ou suppriment les images en data URI. Pour les newsletters, il est donc généralement plus fiable d'héberger les images ou de les ajouter en tant que pièces jointes intégrées (inline).
Mon image est-elle téléversée ?
Non. L'image est lue et encodée par votre navigateur. Rien n'est envoyé à un serveur.

Outils similaires

Encodage & Décodage Base64Convertissez du texte et des fichiers en Base64 et inversement, avec une prise en charge complète de l'UTF-8 et du Base64URL.SVG en PNGTransformez des graphiques vectoriels SVG en images PNG nettes à n'importe quelle taille, en préservant la transparence.Compresser une imageRéduisez la taille des images par qualité ou jusqu'à une taille cible exacte en Ko — par lots, sans téléversement.Encodage et Décodage d'URLEncodez du texte en pourcent pour les URL ou décodez des URL et chaînes de requête encodées pour les rendre lisibles.Base64 en imageDécodez des chaînes Base64 et des Data URI en images visibles et téléchargeables instantanément dans votre navigateur.Calculateur ChmodConvertissez entre cases à cocher, nombres octaux comme 755 et permissions symboliques comme rwxr-xr-x.