Image to Base64
Convert images to Base64
Convert images to Base64 S'exécute localement dans votre navigateur
About the
Le convertisseur Image en Base64 transforme n'importe quel fichier image en un URI de données Base64 que vous pouvez coller directement en HTML, CSS ou JSON. Le fichier est lu avec le propre lecteur de fichiers du navigateur et encodé localement, de sorte qu'il n'est jamais téléchargé, ce qui le rend sécurisé pour les logos et les actifs que vous préférez ne pas envoyer à un tiers. Le nombre de caractères est affiché à côté du résultat car Base64 gonfle la taille d'environ un tiers, ce qui est important lorsque la chaîne se retrouve en ligne dans une page.
Where people use the
- Insérer un petit logo pour qu'un modèle d'e-mail s'affiche sans ressources externes.
- Intégration d'une icône dans un document HTML mono-fichier.
- Placer une image dans une charge utile JSON qui n'accepte que du texte.
- Éviter un avertissement de contenu mixte sur une page diffusée via HTTPS.
How to use the
- 1
Choisissez une image
Utilisez le contrôle de téléchargement pour sélectionner n'importe quel fichier image. Les formats courants tels que PNG, JPEG, GIF et SVG sont tous acceptés.
- 2
Attendez l'encodage
L'URI des données apparaît dans une zone de texte une fois le fichier lu. Les fichiers plus volumineux prennent un moment de plus.
- 3
Copiez la chaîne
Utilisez le bouton Copier pour récupérer l'URI complet des données, y compris le préfixe data : et le type de média.
- 4
Collez-le là où vous en avez besoin
Utilisez-le comme src d'une balise d'image, dans une valeur CSS url() ou comme champ dans une charge utile JSON.
Conseils et bonnes pratiques
- Gardez les images en ligne petites ; la chaîne est environ un tiers plus grande que le fichier.
- Copiez l'intégralité de l'URI des données, y compris le préfixe data:, sinon le navigateur ne le restituera pas.
- Pour les photographies, hébergez le fichier et créez un lien vers celui-ci au lieu de l'intégrer.
Questions fréquemment posées
L'image est-elle téléchargée quelque part ?
Non. Le fichier est lu et encodé dans votre navigateur, il ne quitte donc jamais votre appareil. C'est la principale raison de l'utiliser plutôt qu'un convertisseur en ligne qui effectue un téléchargement.
Pourquoi la chaîne est-elle tellement plus longue que le fichier ?
Base64 représente trois octets avec quatre caractères, le résultat est donc environ un tiers plus grand que le fichier d'origine avant toute autre surcharge.
Dois-je intégrer des images dans une page ?
Seulement les petits. L'inlining enregistre une requête mais empêche le fichier d'être mis en cache séparément et agrandit le code HTML, de sorte qu'il convient aux icônes et aux petits logos, pas aux photographies.
Puis-je aller dans l'autre sens ?
Pas ici. Cet outil encode un fichier image en texte. Le décodage nécessite un décodeur Base64 ainsi que le type de média d'origine.
Y a-t-il une limite de taille de fichier ?
Il n'y a pas de limite de serveur, car rien n'est téléchargé. Les très grandes images prendront encore du temps à encoder et produiront une chaîne lourde.