Image vers Base64
Transformez une image en data URL à coller dans votre CSS ou HTML.
Ou choisissez un fichier. Il est traité dans cet onglet et jamais envoyé — c’est aussi pourquoi l’outil accepte des photos bien au-delà de toute limite d’envoi.
Choisir un fichierEncode une image en data URL, ce qui lui permet de vivre dans une feuille de style, un document HTML ou une charge JSON sans requête séparée. Utile pour une petite icône qui coûterait sinon un aller-retour ; inutile pour une photo, car le Base64 gonfle les octets d'un tiers et le résultat ne peut pas être mis en cache séparément du document qui le contient.
Comment ça marche
- Le fichier est lu et encodé dans votre navigateur ; rien n'est téléversé.
- La sortie est une data: URL complète par défaut, ou la charge Base64 brute si vous désactivez cette option.
- Le Base64 rend tout fichier environ 33% plus volumineux — c'est le coût de l'utilisation de caractères sûrs pour le texte.
Où vont vos données
Nulle part. Cet outil s’exécute entièrement dans votre navigateur : le texte collé est traité par la page, jamais transmis à un serveur ni consigné dans un journal.
Lorsqu’une exécution coûte des points, un résumé d’une ligne est enregistré dans votre propre historique pour que vous puissiez le retrouver. Ce résumé garde la forme de l’exécution — tailles, nombres, valeurs recherchées — jamais le contenu collé.
Ce que ça coûte
Gratuit jusqu’à 512.0 KB par exécution, sans compte. Au-delà, une exécution coûte 1 points et est enregistrée dans votre historique.
Les points viennent de l’inscription, de la présence quotidienne, des commentaires et d’un profil complété.
Comprendre les pointsQuestions fréquentes
- Quand l'incorporation d'une image vaut-elle vraiment le coup ?
- En dessous d'environ 2–4 Ko : une icône, un petit logo, un motif d'arrière-plan. En dessous de cette taille, l'aller-retour économisé compense l'inflation de 33%. Au-dessus, vous agrandissez le document et le rendez non mis en cache pour économiser une requête que HTTP/2 aurait multiplexée de toute façon.
- Comment utiliser le résultat en CSS ?
- background-image: url("data:image/png;base64,…") — gardez toute la data: URL avec le préfixe. En HTML, placez-la directement dans l'attribut src d'une balise img.
- Pourquoi ma data URL est-elle si longue ?
- Parce qu'elle contient le fichier entier rendu en texte, plus un tiers. Un PNG de 40 Ko devient environ 54 Ko de caractères. C'est normal, et c'est la raison pour laquelle il faut incorporer uniquement de petites images.
L’open source derrière
Cet outil est une implémentation autonome, sans bibliothèque tierce. dankogai/js-base64 (BSD-3-Clause) fait le même travail sous forme de bibliothèque : pour l’intégrer à votre programme, commencez par là plutôt que d’appeler une page web.
dankogai/js-base64Aussi appelé
- image to base64
- convertir image en base64
- générateur data url
- png to base64
- image base64 en ligne