PNG en Base64

Utilisez ce convertisseur PNG en Base64 gratuit pour transformer n’importe quelle image Portable Network Graphics en chaîne Base64 ou en extrait de code prêt à l’emploi. Sélectionnez un fichier .png local (ou collez le lien d’un fichier distant), choisissez le format de sortie et cliquez sur Encoder PNG en Base64.

Fichier PNG
Déposez votre fichier PNG ici ou choisissez-en un

Comment convertir PNG en Base64 en ligne

  1. Choisissez Fichier local et sélectionnez un fichier .png, ou choisissez URL distante et collez un lien.
  2. Choisissez le format de sortie : Base64 brut, data URI, balise HTML, CSS, JavaScript, JSON ou XML.
  3. Cliquez sur Encoder PNG en Base64. Le résultat s’affiche instantanément avec un aperçu.
  4. Copiez le résultat dans le presse-papiers ou téléchargez-le en fichier .txt.

À propos de PNG (Portable Network Graphics)

PNG est un format matriciel sans perte créé en 1996 comme alternative au GIF libre de brevets. Il prend en charge la couleur 24 bits, un canal alpha 8 bits pour une transparence fluide et une compression DEFLATE qui ne supprime jamais de pixels.

Comme il garde des contours nets, le PNG est le choix standard pour les logos, icônes, captures d’interface et schémas. Pour les photos, JPG ou WebP est généralement bien plus léger, ce qui compte lorsque vous intégrez l’image en Base64, car chaque octet grossit d’environ un tiers.

Développé1996, W3C / IETF (RFC 2083)
CompressionSans perte (DEFLATE)
TransparenceOui, canal alpha complet
AnimationExtension APNG
Signature de fichier89 50 4E 47 0D 0A 1A 0A

Formats de sortie

Choisissez la mise en forme du résultat. Le convertisseur peut renvoyer :

  • txt: uniquement la chaîne Base64, prête à coller dans du code, un champ de base de données ou une requête d’API.
  • uri: une URI data: complète, à coller dans la barre d’adresse d’un navigateur ou à utiliser partout où une URL est acceptée.
  • html img: une balise <img> avec la data URI dans src.
  • css background image: une règle CSS utilisant background-image: url(data:...).
  • html favicon: une balise <link rel="icon"> pour un favicon intégré.
  • html hyperlink: un lien <a> qui télécharge ou ouvre le fichier intégré.
  • html iframe: une <iframe> qui affiche le contenu directement dans la page.
  • javascript image: JavaScript qui crée un objet Image.
  • javascript popup: JavaScript qui ouvre le contenu dans une nouvelle fenêtre.
  • json: un objet JSON avec le nom du fichier, le type MIME et les données.
  • xml: un élément XML avec les données dans une section CDATA.

Est-ce sûr et quelle sera la taille du résultat ?

Votre fichier n’est jamais envoyé : il est lu et converti localement par votre navigateur grâce à l’API File, de sorte que même les documents confidentiels restent sur votre appareil.

Base64 représente chaque groupe de 3 octets par 4 caractères : le résultat encodé est donc environ 33 % plus volumineux que le fichier d’origine (plus quelques octets pour le remplissage et le préfixe data URI).

Questions fréquentes

Comment convertir PNG en Base64 ?

Sélectionnez votre fichier .png ci-dessus et cliquez sur "Encoder PNG en Base64". Le convertisseur lit le fichier dans votre navigateur et produit la chaîne Base64 ou une data URI prête à l’emploi.

Par quoi commence un PNG encodé en Base64 ?

Un fichier PNG encodé en Base64 commence généralement par "iVBORw0KGgo". Sous forme de data URI, il commence par "data:image/png;base64,".

Y a-t-il une limite de taille de fichier ?

Il n’y a pas de limite stricte, car la conversion s’effectue localement, mais les très gros fichiers produisent des chaînes très longues. Les fichiers jusqu’à environ 50 Mo fonctionnent sans problème dans les navigateurs modernes.

Comment reconvertir le Base64 en PNG ?

Utilisez le décodeur Base64 vers PNG : collez la chaîne, puis prévisualisez et téléchargez le fichier .png d’origine.

Outils et guides associés

Commentaires (0)

Une question, une idée ou un bug dans « PNG en Base64 » ? Laissez un commentaire, notez l’outil ou répondez aux autres.

Aucun commentaire pour l’instant. Soyez le premier à donner votre avis !

Laisser un commentaire

Notez cet outil :
Esc
↑ ↓ naviguer↵ ouvrirEsc fermer