Encodez n'importe quelle image en tant qu'URI de données Base64
Déposez une image dans l’outil et obtenez instantanément la chaîne codée en Base64. Utilisez la sortie comme URI de données en HTML, CSS ou JSON sans héberger l'image séparément. L'outil affiche la longueur encodée, le type MIME et un aperçu en direct afin que vous puissiez vérifier le résultat avant de le copier.
Utilisez cet outil gratuitementBrowser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Comment utiliser
Télécharger une image
Faites glisser un fichier JPEG, PNG, WebP, GIF ou SVG dans l'outil. L'image est lue localement et ne quitte jamais votre appareil.
Examiner la sortie
L'outil affiche la chaîne Base64, l'URI des données et un aperçu en direct de l'image décodée afin que vous puissiez confirmer qu'elle correspond.
Copier ou télécharger
Cliquez pour copier la chaîne URI des données ou la télécharger sous forme de fichier texte brut. Utilisez les boutons d'extrait HTML ou CSS pour le code prêt à coller.
Caractéristiques
Prise en charge de plusieurs formats
Encodez les fichiers JPEG, PNG, WebP, GIF et SVG. Le type MIME correct est automatiquement détecté et inclus dans le préfixe URI des données.
Copie en un clic
Copiez la chaîne Base64 brute ou l'URI complet des données en un seul clic. Un toast de confirmation vous indique que le texte se trouve dans votre presse-papiers.
Statistiques de sortie
Consultez la taille du fichier d'origine, la longueur de la chaîne codée et le pourcentage de surcharge d'encodage. Cela vous aide à décider si l’intégration de l’image en vaut la peine.
Extraits CSS et HTML
Obtenez des extraits de code prêts à coller pour une balise HTML img et une règle d'image d'arrière-plan CSS. Copiez l'extrait et déposez-le directement dans votre base de code.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceCaractéristiques
| Formats d'entrée | JPEG, PNG, WebP, GIF, SVG |
| Sortir | Chaîne Base64/URI de données |
| Taille maximale du fichier | 10 Mo |
| Détection MIME | Automatique |
| Formats d'extraits | Image HTML, arrière-plan CSS |
| Traitement | Côté client (pas de téléchargement) |
Related Magic Eraser Tools
Questions courantes
Quand dois-je utiliser Base64 au lieu d’un fichier image classique ?
+
L'inline Base64 est particulièrement utile pour les très petites images telles que les icônes, les pixels de suivi 1x1 ou les minuscules éléments d'interface utilisateur pour lesquels l'enregistrement d'une requête HTTP supplémentaire est plus important que l'augmentation de taille d'environ 33 % ajoutée par l'encodage Base64.
L’encodage Base64 réduit-il la qualité de l’image ?
+
Non. Base64 est un codage sans perte des données du fichier binaire. L’image décodée est identique octet par octet à l’originale. Le seul compromis est une charge utile de texte plus importante.
Y a-t-il une taille maximale de fichier que je peux encoder ?
+
L'outil accepte des fichiers jusqu'à 10 Mo. Des images plus grandes produiront des chaînes très longues qui peuvent être peu pratiques à intégrer. Pour les grandes images, héberger le fichier et créer un lien vers celui-ci avec une URL est presque toujours la meilleure approche.
Besoin d’une image source plus petite ?
AI Enhance peut compresser et optimiser les images avant de les encoder. Un fichier source plus petit produit une chaîne Base64 plus courte, réduisant ainsi le poids de votre page.
Essayez-le gratuitementMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Concevez des dégradés linéaires, radiaux et coniques avec plusieurs arrêts de couleur. Copiez le code CSS ou téléchargez-le sous forme d'image PNG.
Convertissez les couleurs entre les formats nommés HEX, RVB, HSL, HSB, CMJN et CSS. Affichez un aperçu en direct, copiez n'importe quelle valeur et exportez une carte de couleurs.
Convertissez les codes de couleur HEX en valeurs RVB et vice versa. Aperçu en direct, copie en un clic et sortie d'extrait de code CSS. – fonctionne dans votre navigateur.
Choisissez n'importe quelle couleur dans une image téléchargée et obtenez instantanément ses codes HEX, RVB et HSL. Créez des palettes à partir de photos pour la conception Web, la stratégie de marque et l'illustration.
Téléchargez une photo et extrayez 5 à 10 couleurs dominantes avec les codes HEX, RVB et HSL. Copiez des échantillons, exportez-les sous forme de variables ASE ou CSS.
Générez des codes QR pour les URL, le texte, les informations d'identification WiFi et les vCards. Personnalisez les couleurs, ajoutez un logo central et téléchargez au format PNG ou SVG.