Convertisseur d'image en Base64
Encodez n'importe quelle image en URI de données Base64 pour CSS/HTML en ligne, ou décodez une URI de données en image.
Réponse rapide: Encodez n'importe quelle image en URI de données Base64 pour CSS/HTML en ligne, ou décodez une URI de données en image.
Dernière mise à jour
Questions fréquentes
- Quand devrais-je intégrer une image en Base64 ?
- Utilisez-le pour les images de moins de 2 Ko qui doivent être livrées avec un seul fichier CSS (par exemple, des icônes dans un modèle d'e-mail, de petits SVG de secours) ou pour des démonstrations HTML hors ligne à fichier unique. Au-dessus de 5 Ko, une requête <code><img></code> normale est plus rapide car elle peut être mise en cache.
- La version Base64 sera-t-elle plus grande que l'original ?
- Oui - Base64 ajoute environ 33 % de surcharge. Une image de 1 Ko devient une chaîne de 1,34 Ko. C'est acceptable pour les éléments minuscules mais gaspilleux pour les plus grands.
- Cela fonctionne-t-il avec SVG ?
- Oui, mais pour SVG, vous voudrez généralement le laisser sous forme de balisage SVG brut (ou l'encoder en URL) plutôt qu'en Base64 — les deux sont généralement plus petits et modifiables ultérieurement.
- Puis-je coller un URI de données pour récupérer le fichier ?
- Oui - le panneau de décodage accepte les URIs <code>data:image/...</code> et vous donne un fichier téléchargeable plus un aperçu en direct.
- Mes images sont-elles téléchargées ?
- Non. FileReader lit les octets localement et la chaîne encodée ne quitte jamais votre navigateur.