Convertisseur Base64 en PNG

D’où viennent les PNG en Base64

Le PNG est le format que vous rencontrerez le plus souvent en Base64. Un appel à canvas.toDataURL() sans argument renvoie un data URI PNG. Les outils d’automatisation de navigateur renvoient leurs captures d’écran en PNG Base64, par exemple page.screenshot({ encoding: 'base64' }) dans Puppeteer ou get_screenshot_as_base64() dans Selenium. Les moteurs de rendu de graphiques, les générateurs de QR codes et les API de génération d’images renvoient souvent l’image dans un champ Base64 au sein d’un JSON.

Une chaîne PNG se reconnaît facilement : elle commence toujours par iVBORw0KGgo, l’encodage de la signature PNG de 8 octets qui débute par 89 50 4E 47. Vient ensuite AAAANSUhEUg, le début du bloc IHDR qui contient la largeur et la hauteur.

Les chaînes copiées depuis du JSON méritent d’abord une rapide vérification. La fonction json_encode de PHP, par exemple, échappe par défaut les barres obliques : un PNG issu d’une API PHP peut donc arriver avec des séquences \/. Remplacez-les par / et retirez les guillemets qui entourent la chaîne avant de la coller.

Pourquoi enregistrer en PNG

Le PNG compresse sans perdre le moindre détail et stocke un canal alpha complet : les ombres douces et les contours anticrénelés restent intacts. C’est donc le choix naturel pour les captures d’écran, les éléments d’interface, les schémas et tout ce qui contient du texte. Pour les photos, le JPG ou le WebP produisent des fichiers bien plus légers.

Convertir un JPEG ou un WebP en PNG conserve exactement ce qui s’affiche à l’écran, mais ne peut pas restaurer les détails déjà supprimés par la compression avec perte, et le PNG est généralement plus volumineux que la source.

Enregistrer un PNG Base64 dans le code

# Python
import base64
with open('screenshot.png', 'wb') as f:
    f.write(base64.b64decode(b64_string))

// Navigateur : data URI vers Blob, sans décodage manuel
const blob = await (await fetch(dataUri)).blob();
const url = URL.createObjectURL(blob);

Besoin du sens inverse ? PNG en Base64 encode un fichier en chaîne ou en data URI.