Glissez des images ici ou cliquez pour sélectionner
Compatible PNG, JPG, GIF, WebP
Glissez des images ici ou cliquez pour sélectionner
Compatible PNG, JPG, GIF, WebP
Outil gratuit en ligne pour convertir des images en Base64, compatible avec PNG/JPG/WebP/GIF/SVG/BMP/AVIF et d’autres formats. Traitement local dans le navigateur avec Web Worker, sans upload et sans blocage. Génère des Data URL pour CSS, HTML, modèles d’e-mail et transmission API.
PNG, JPG, WebP, GIF, SVG, BMP, AVIF, HEIC/HEIF et d’autres formats courants sont pris en charge. L’outil détecte automatiquement le type MIME et génère le préfixe Data URL correspondant, par exemple data:image/png;base64,...
Un Web Worker est un thread du navigateur indépendant du thread principal de l’interface. L’encodage classique peut bloquer la page ; cet outil exécute la tâche dans le Worker avec transfert ArrayBuffer et callbacks de progression, afin de garder l’interface réactive même avec de gros fichiers.
Non. La conversion se fait directement dans le thread Worker du navigateur avec une technologie ArrayBuffer zéro copie. Le contenu de l’image ne passe par aucun serveur, contrairement aux outils qui annoncent un traitement navigateur mais uploadent réellement les données.
L’encodage Base64 produit environ 133 % de la taille binaire d’origine, soit environ 33 % de plus. Chaque groupe de 3 octets (24 bits) devient 4 caractères Base64 (6 bits chacun), avec un remplissage = si nécessaire. Il est conseillé de garder chaque image inline sous 10KB.
Base64 est recommandé pour les petites icônes et images de moins de 10KB. Les petites images inline réduisent les requêtes HTTP, mais les grosses images augmentent la taille HTML/CSS et peuvent nuire au chargement. Les grosses images devraient utiliser des URL séparées.
Un Data URL suit le format data:image/png;base64, puis le contenu Base64, et peut être placé directement dans l’attribut src d’un HTML img. Le Base64 pur est seulement la chaîne encodée et nécessite un préfixe MIME.
Oui. Après conversion d’une image en Base64, vous pouvez l’envoyer comme valeur de champ dans un corps JSON vers une API backend. L’outil prend en charge la copie en un clic et reste compatible avec la plupart des exemples de documentation API.
Le Base64 inline est adapté aux petits fichiers (<10KB), car il réduit les requêtes HTTP. Pour les grandes images, les URL séparées chargent plus vite parce que le navigateur peut télécharger plusieurs ressources en parallèle et utiliser le cache.
Image vers Base64 est une technique qui encode des données binaires d’image en chaîne de texte ASCII. Base64 utilise 64 caractères imprimables (A-Z, a-z, 0-9, +, /) pour représenter les données binaires, convertit chaque groupe de 3 octets en 4 caractères Base64 et ajoute = comme remplissage final. Le processus suit la norme RFC 4648.
**Principe d’encodage** : Base64 divise chaque groupe de 3 octets (24 bits) en quatre groupes de 6 bits, chacun correspondant à un caractère de l’alphabet Base64. Si le nombre d’octets n’est pas multiple de 3, 1 à 2 caractères = sont ajoutés. Cela explique l’augmentation d’environ 33 % de la taille (4/3 ≈ 1.33).
**Optimisation Web Worker** : cet outil utilise des Web Workers pour exécuter l’encodage dans un thread du navigateur séparé du thread principal. ArrayBuffer.transfer() permet un transfert zéro copie vers le Worker et évite les blocages. Même avec des images de plusieurs Mo, l’UI reste fluide avec une progression en temps réel.
**Confidentialité et sécurité** : contrairement aux outils qui exigent l’envoi d’images vers un serveur, cet outil fonctionne entièrement dans le navigateur. Les données d’image ne passent par aucun serveur tiers, ce qui est essentiel pour les images sensibles comme des pièces d’identité ou des contrats.
**Cas d’usage** : les images Base64 sont souvent utilisées pour les CSS Sprites (réduction des requêtes HTTP), les modèles d’e-mail HTML (éviter le blocage des images par les clients mail), la transmission API de données binaires et les extensions navigateur ou applications mono-fichier quand les ressources externes ne peuvent pas être référencées.
