Convertir une image en Base64 sur Mac
Transformez des images en URI de données Base64, prêtes à coller dans du HTML, CSS ou JSON.
Image en Base64 sur un Mac
Captures d’écran de l’app, avec des fichiers d’exemple.
Comment utiliser Image en Base64
- 1
Déposez vos images
Ajoutez une ou plusieurs images, y compris des SVG.
- 2
Choisissez quoi copier
Une URI de données, une règle CSS background, une balise HTML <img> ou du Base64 brut.
- 3
Cliquez sur Encoder
Chaque image est encodée telle quelle, octet par octet.
- 4
Collez-le
Avec « Copier dans le presse-papiers » activé, le résultat est prêt à être collé. Le texte de chaque image est aussi enregistré dans un fichier dont le nom contient « base64 », dans un dossier daté dans Téléchargements › OneMacTools.
Ce que fait Image en Base64
Obtenez une URI de données, une règle CSS background, une balise HTML <img> ou du Base64 brut pour chaque image, copiés dans le presse-papiers et enregistrés en texte. Les octets sont encodés tels quels, sans perte de qualité. Un avertissement s'affiche quand une image est grande, car les URI de données conviennent aux petites images.
Idéal pour
- Intégrer une petite icône dans du CSS
- Intégrer une image dans un e-mail HTML
- Mettre une image dans un fichier JSON ou de configuration
Options expliquées
- Copier en
- URI de données, Arrière-plan CSS, HTML <img> ou Base64 brut. L’URI de données est la forme polyvalente ; Arrière-plan CSS l’enveloppe dans une règle background-image ; HTML <img> l’enveloppe dans une balise image avec le nom du fichier comme texte alternatif ; Base64 brut ne contient que les données encodées.
- Copier dans le presse-papiers
- Activé par défaut. Copie le résultat pour que vous puissiez le coller immédiatement. Avec plusieurs images, les textes sont copiés ensemble, séparés par des lignes vides.
Bonnes pratiques
- N’utilisez les URI de données que pour les petites images, idéalement sous 10 KB environ. Les grandes alourdissent votre HTML ou CSS et ne peuvent pas être mises en cache séparément.
- Allégez d’abord l’image : optimisez les SVG avec Optimiseur SVG et les PNG avec Compresser un PNG avant l’encodage.
- Les SVG font de bons data URI pour les icônes en CSS, car ils sont légers et restent nets à toutes les tailles.
- Modifiez le texte alternatif dans la balise HTML <img> générée pour décrire l'image, plutôt que de laisser le nom du fichier.
- Utilisez un format pris en charge par les navigateurs, comme PNG, JPEG, WebP ou SVG. Une URI de données HEIC ne s’affichera pas dans la plupart des navigateurs.
Fonctionne avec
- Dans
- PNG, JPEG, GIF, WebP, SVG et autres fichiers image.
- Sortie
- Un fichier texte par image avec le résultat encodé, et le presse-papiers si cette option est activée.
- L’image n’est pas recompressée : aucune perte de qualité.
- Le Base64 est environ un tiers plus volumineux que le fichier d’origine. L’app vous prévient quand le résultat est gros.
- Les résultats très longs ne s’affichent pas dans l’app, mais sont complets dans les fichiers enregistrés et dans le presse-papiers.
Questions sur Image en Base64
Comment convertir une image en Base64 sur Mac ?
Déposez l'image sur Image en Base64, choisissez URI de données et cliquez sur Encoder. Le résultat est copié dans votre presse-papiers et enregistré dans un fichier texte.
Comment utiliser une image Base64 en CSS ?
Choisissez Arrière-plan CSS. Vous obtenez une règle background-image complète avec l’URI de données à l’intérieur, prête à coller dans une feuille de style.
Comment intégrer une image en HTML sans fichier séparé ?
Choisissez HTML <img>. Vous obtenez une balise image avec l’image dans son src, qui fonctionne partout où le HTML fonctionne.
Pourquoi le texte Base64 est-il plus lourd que mon image ?
Le Base64 transforme chaque groupe de 3 octets en 4 caractères de texte : il est donc environ un tiers plus volumineux. C’est pourquoi il convient aux petites images.
La conversion en Base64 réduit-elle la qualité ?
Non. Les octets du fichier sont encodés exactement tels quels : le décodage redonne une image identique.
Puis-je convertir un SVG en URI de données ?
Oui. Les fichiers SVG sont acceptés et encodés avec le type image/svg+xml, prêts pour le CSS ou le HTML.
Image en Base64 envoie-t-il mes fichiers en ligne ?
Non. Image en Base64 s’exécute entièrement sur votre Mac : vos fichiers ne le quittent jamais et l’outil fonctionne hors ligne.
Image en Base64 va-t-il modifier mes fichiers originaux ?
Non. Les résultats sont enregistrés comme nouveaux fichiers dans un dossier daté dans Téléchargements › OneMacTools, et vos originaux restent exactement tels quels, sauf si vous activez une option qui indique le contraire.
De quoi Image en Base64 a-t-il besoin ?
Simplement un Mac sous macOS 26 ou ultérieur. Rien d'autre à installer.
Étape suivante
Retirez les résidus d’éditeur des SVG Figma, Illustrator et Inkscape et arrondissez les coordonnées — des fichiers plus légers, identiques à l’œil.
Compresser un PNGAllégez les PNG de 60 à 80 % en réduisant les couleurs, avec la transparence conservée — idéal pour les captures d’écran, logos et icônes.
Aperçus flousCréez des chaînes BlurHash, de minuscules miniatures floutées et des couleurs moyennes à afficher pendant le chargement différé des images.
Autres outils Images
Convertissez entre PNG, JPEG, HEIC, AVIF et TIFF. Lit aussi WebP, RAW et plus.
Compresser des imagesAllégez vos photos pour l’e-mail et le web, avec un aperçu avant/après en direct.
Convertir en WebPCréez des images WebP légères pour le web, avec ou sans perte, en gardant la transparence.
Redimensionner des imagesRedimensionnez selon le côté le plus long, en pixels exacts, en pourcentage, ou en taille d’impression en cm, mm ou pouces à la résolution voulue.
Recadrer des imagesRecadrez selon un format ou une zone exacte, ou rognez automatiquement les bordures unies — une photo ou tout un dossier.
Pivoter et retourner des imagesFaites pivoter ou retournez vos photos d’un coup.
Image en Base64, plus 150 autres.
Une app. Un prix.
Les 151 outils. Téléchargement gratuit, un seul paiement pour une licence, à vous pour toujours.