Convertir PNG en Base64 - Gratuit, instantané, dans le navigateur
Convertisseur PNG en Base64
Jusqu’à 10 Mo. Rien n’est envoyé — le fichier ne quitte jamais votre appareil.
À utiliser dans un attribut <img src> ou dans une url() CSS.
Sans le préfixe data: — pour les charges JSON et les API.
Vos fichiers restent privés
Cette conversion se déroule entièrement dans votre navigateur. L’image n’est jamais envoyée : rien de ce que vous encodez ici n’atteint notre serveur ni personne d’autre.
À propos de la conversion PNG en Base64
Le PNG est le format que l’on intègre le plus souvent : icônes, logos, petits sprites, ces menus éléments d’interface qui coûteraient sinon chacun une requête réseau. En encoder un en Base64 le transforme en texte que vous pouvez coller directement dans une feuille de style ou un attribut HTML. Que ce soit une bonne idée dépend presque entièrement de la petitesse du fichier.
Comment convertir PNG en Base64
- 1 Déposez votre fichier .png dans la zone prévue.
- 2 Le résultat apparaît immédiatement — aucun bouton à presser, rien à attendre.
- 3 Copiez la forme dont vous avez besoin : la data URI pour HTML et CSS, la chaîne brute pour JSON, ou la règle CSS toute faite.
Quand l’intégration est vraiment rentable
Chaque image distincte sur une page coûte une requête, et une requête a un surcoût qui dépasse les octets transportés. Pour une icône de 1 Ko, ce surcoût peut peser plus lourd que le fichier lui-même : l’intégrer à la feuille de style est alors un vrai gain. En règle générale, l’intégration aide en dessous de quelques kilooctets et commence à nuire au-delà de dix. Le seuil de rentabilité n’est pas un chiffre fixe — il varie selon la connexion, le serveur et le nombre d’éléments qui se disputent la bande passante — mais la nature de l’échange reste la même : vous échangez un aller-retour contre des octets en plus.
Ce que vous perdez
Trois choses, et la deuxième surprend. D’abord la taille : le texte encodé pèse environ un tiers de plus que le fichier. Ensuite la mise en cache : une image intégrée ne peut pas être mise en cache séparément, elle est donc retéléchargée à chaque modification de la feuille de style qui la contient — et une feuille de style change bien plus souvent qu’un logo. Enfin, le navigateur doit décoder la chaîne avant de pouvoir afficher : négligeable pour une icône, mesurable pour quelque chose de gros. La transparence, au moins, survit intacte : le canal alpha fait partie des données PNG et le Base64 le recopie octet par octet.
Pour les icônes, pensez d’abord au SVG
Si ce que vous encodez est une icône plate ou un logo simple, un SVG sera généralement plus léger que le PNG avant encodage, et plus léger encore après, car le SVG est déjà du texte et n’a nul besoin de Base64. Il s’adapte en outre à toutes les densités d’écran sans second fichier. Réservez le PNG aux visuels comportant du détail photographique, des dégradés doux ou des effets que les vecteurs rendent mal — et dans ce cas, allégez l’image avant l’encodage, pas après. Le Base64 agrandit fidèlement tout ce qu’on lui confie.