Convertisseur d’image en Base64

Une image dans le code plutôt qu'un fichier à part

Une petite icône à placer dans une feuille CSS sans fichier séparé, une photo à envoyer dans une requête JSON vers une API, un logo à intégrer dans une page HTML autonome qui fonctionne hors ligne : dans tous ces cas, l'image doit devenir du texte encodé en Base64. L'outil de Jood vous donne ce texte prêt à l'emploi, sous deux formes.

Mode d'emploi

1. Choisissez une image sur votre appareil : PNG, JPG, WebP, GIF ou SVG.
2. Ou collez l'adresse d'une image en ligne à la place d'un fichier.
3. Cliquez sur « Commencer », puis copiez la forme dont vous avez besoin.

Deux formes de résultat

• La Data URI complète : elle commence par data:image/png;base64, et se place directement à la place d'une adresse d'image, dans l'attribut src en HTML ou dans url() en CSS.
• Le Base64 brut : les caractères seuls, sans préfixe, la forme qu'attendent la plupart des API et des bases de données.

Un aperçu de l'image et son type s'affichent au-dessus du résultat, pour vérifier que vous avez converti le bon fichier.

Quand le Base64 est une bonne idée, et quand il ne l'est pas

L'encodage alourdit le fichier d'environ un tiers : une image de 30 Ko devient un texte d'environ 40 Ko. Il convient donc aux icônes et petits logos, pour lesquels on économise une requête au serveur. Les grandes images doivent rester des fichiers : le navigateur garde un fichier en cache et le réutilise, alors qu'un texte intégré est rechargé avec chaque page.

Attention aux e-mails : beaucoup de messageries, Gmail en tête, n'affichent pas les images intégrées de cette façon.

Limites et confidentialité

L'image choisie sur votre appareil peut peser jusqu'à 8 Mo, et celle d'une adresse en ligne jusqu'à 5 Mo. Votre navigateur lit le fichier puis l'envoie au serveur de Jood, qui vérifie qu'il s'agit bien d'une image ; rien n'est conservé ensuite. Avant de convertir, réduisez l'image avec la compression d'images ou le redimensionnement pour obtenir un texte plus court. Pour l'opération inverse, utilisez le convertisseur Base64 en image.

Questions fréquentes