Mode d'emploi
Importer une image
Sélectionnez ou glissez un fichier image.
Obtenir Base64
Voyez la chaîne encodée Base64.
Copier résultat
Copiez l'URI de données ou le Base64 brut.
Fonctionnalités
Questions fréquentes
Vous pouvez convertir des images PNG, JPEG, GIF, WebP, SVG, BMP et ICO en Base64. Tous les formats courants sont supportés.
Convertissez des images en chaînes encodées Base64 pour les intégrer directement dans HTML, CSS ou JavaScript. Éliminez les requêtes HTTP supplémentaires en incluant de petites images inline dans votre code.
Le saviez-vous ?
Les URLs de données (qui utilisent l'encodage Base64) ont été proposées pour la première fois en 1998 et standardisées dans RFC 2397. Bien qu'elles économisent des requêtes HTTP, les navigateurs ne peuvent pas mettre en cache les URLs de données comme les images ordinaires, donc elles sont téléchargées à chaque chargement de page !
Conseils de pro
- Utilisez uniquement pour les petites images (<10Ko) - les fichiers plus grands alourdissent votre code
- Les URLs de données fonctionnent dans img src, CSS background-image et plus
- Base64 ajoute ~33% à la taille du fichier, calculez donc le compromis soigneusement
Cas d'utilisation courants
- Intégration d'icônes dans CSS pour un style en fichier unique
- Création de modèles d'email HTML autonomes
- Réduction des requêtes HTTP pour la performance
- Inclusion d'images dans les APIs JSON
- Construction d'apps web capables de fonctionner hors ligne
Bonnes pratiques
- Optimisez les images avant conversion pour minimiser la longueur de la chaîne Base64
- Considérez SVG pour les icônes - elles sont souvent plus petites en texte
- Incluez le type MIME approprié dans le préfixe de l'URL de données
Explorer d'autres catégories
Découvrez plus d'outils utiles dans d'autres catégories
Compteur de mots
Comptez les mots, caractères, phrases et paragraphes dans votre texte instantanément.
Formateur JSON
Formatez, validez et embellissez vos données JSON avec coloration syntaxique.
Calcul de pourcentage
Calculez les pourcentages, les variations en pourcentage et les pourcentages de nombres.
Générateur de balises meta
Générez des balises meta HTML pour l'optimisation SEO avec titre, description, mots-clés et plus.