Image vers Base64

Tous les formats courants : JPG, PNG, WebP, GIF, SVG, BMP et ICO. Toute image que votre navigateur peut afficher fonctionnera.

Un Data URI inclut le préfixe du type MIME (data:image/png;base64,...) et peut être utilisé directement dans background-image CSS ou src d'une balise img HTML. Le Base64 brut ne contient que les données encodées sans préfixe.

L'encodage Base64 augmente la taille d'environ 33% car il représente des données binaires en utilisant uniquement des caractères ASCII imprimables. C'est le prix à payer pour intégrer l'image sous forme de texte.

Oui. Votre image est convertie entièrement dans votre navigateur via l'API FileReader. Rien n'est envoyé à un serveur.

Les images jusqu'à 10 Mo sont supportées. Pour de meilleures performances avec l'intégration Base64, nous recommandons des images de moins de 100 Ko.

Oui. Copiez le Data URI et utilisez-le dans votre CSS : background-image: url(data:image/png;base64,...). Cela élimine une requête HTTP supplémentaire.

Le Base64 est idéal pour les petites images comme les icônes, logos et éléments décoratifs (moins de 10 Ko). Pour les images plus grandes, les URL de fichiers classiques avec mise en cache sont plus efficaces.

Oui. Importez une image depuis votre galerie et obtenez la sortie Base64 instantanément.