Convertisseur d'image vers Base64
Conçu pour la confidentialité — fonctionne entièrement dans votre navigateur
Convertissez n'importe quelle image en URI de données Base64 dans votre navigateur, prête à intégrer inline dans du HTML, du CSS ou du JSON. Toova gère tous les formats courants, génère des URI de données valides et ne charge jamais votre image — utile pour les petites icônes, les gabarits d'e-mail et les documents autonomes.
Quand intégrer une image inline
Les petites images (icônes inférieures à quelques Ko) s'affichent souvent plus rapidement sous forme d'URI de données inline que sous forme de requêtes HTTP séparées, car elles évitent l'aller-retour réseau. Les gabarits d'e-mail intègrent fréquemment des images car de nombreux clients de messagerie bloquent le chargement externe par défaut. Les documents HTML autonomes (guides hors ligne, rapports téléchargeables) nécessitent que tout soit dans un seul fichier. Toova convertit n'importe quelle image en URI de données Base64 que vous pouvez coller directement dans src, background-image ou un champ JSON.
Considérations de format et de taille
L'encodage Base64 ajoute environ 33 % à la taille du fichier, donc l'intégration inline n'est rentable que pour les petites images. Au-delà d'environ 5 à 10 Ko, la requête HTTP séparée est généralement plus rapide que la charge inline gonflée. Toova affiche la taille originale, la taille encodée et le pourcentage de surcoût afin que vous puissiez décider. Tous les formats courants (PNG, JPEG, SVG, WebP, GIF) sont pris en charge.
Traitement local uniquement
L'image est lue et encodée entièrement dans votre navigateur. Le fichier n'est jamais chargé, et le contenu n'est pas journalisé. C'est important lorsque l'image est une maquette non publiée, une photo de client ou toute ressource propriétaire. L'onglet Réseau restera vide pendant l'encodage, et la page fonctionne hors ligne après le premier chargement.
Questions fréquentes
- Quand dois-je intégrer une image inline ?
- Pour les très petites images (inférieures à quelques Ko) qui apparaissent au-dessus de la ligne de flottaison, l'intégration peut accélérer le rendu en évitant la requête HTTP supplémentaire. Pour les images plus grandes, le surcoût d'encodage (environ 33 %) l'emporte sur la requête économisée.
- Quels formats sont pris en charge ?
- PNG, JPEG, SVG, WebP, AVIF et GIF. Le SVG s'intègre particulièrement bien car il reste en texte, donc le surcoût d'encodage est minimal.
- L'URI de données est-elle sûre à utiliser dans le CSS ?
- Oui. Enveloppez-la dans url() avec des guillemets autour de l'URI de données elle-même. La sortie produite par Toova est déjà compatible URL et fonctionne directement dans background-image, mask-image et toute propriété qui accepte une URL.
- Puis-je décoder une URI de données pour récupérer une image ?
- Oui. Collez une URI de données et Toova la décode en image originale, prête à télécharger. Utile pour extraire des images intégrées de fichiers HTML ou CSS.
- Mon image est-elle envoyée quelque part ?
- Non. L'encodage s'effectue entièrement dans votre navigateur.