Base64 in immagine, con anteprima e pronta da scaricare.

Le immagini incorporate in HTML, CSS, JSON ed email arrivano di solito come URI data: data:image/png;base64,iVBORw0KGgo…. Tutto ciò che precede la virgola è un’etichetta; l’immagine è il Base64 che segue. Puoi incollare l’una o l’altra forma. Se c’è un prefisso viene rimosso, ma il decoder controlla comunque la firma del file: un’immagine etichettata come image/png che in realtà è un JPEG viene identificata e salvata correttamente.

Per incorporare l’immagine altrove non serve decodificarla: un’URI data: si usa direttamente come <img src> o in un url() CSS. La decodifica serve quando ti occorre il file vero e proprio: per modificarlo, esaminarlo o verificare cosa ha restituito davvero un’API.

Poiché Base64 trasforma sempre gli stessi byte negli stessi caratteri, ogni formato di file ha un inizio riconoscibile. Puoi capire cosa contiene una stringa Base64 ancora prima di decodificarla:

Una stringa che inizia con /9j/ è un JPEG, con iVBORw0KGgo un PNG: utile quando una riga di log o una colonna di database non offrono altri indizi.

• La stringa è troncata. I valori Base64 lunghi vengono spesso tagliati da visualizzatori di log, app di chat e celle dei fogli di calcolo (Excel si ferma a 32.767 caratteri). L’header si decodifica, ma i dati dell’immagine sono incompleti. Copia il valore dalla fonte originale.
• Non è un’immagine. Controlla il campo Tipo sotto il risultato. Se indica PDF, ZIP o Dati binari, il Base64 contiene un altro tipo di file: scaricalo.
• Il formato non è visualizzabile. I browser non mostrano HEIC e TIFF: questi file si decodificano correttamente ma non hanno anteprima. Scaricali e aprili con un visualizzatore di immagini.
• È stato codificato due volte. Se il risultato è altro Base64 (spesso inizia con aVZCT1J3, cioè “iVBORw” codificato di nuovo), premi Invia all’input e decodifica una seconda volta.

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

// Node.js
fs.writeFileSync("image.png", Buffer.from(b64String, "base64"));

# Linux / macOS shell
base64 --decode image.b64 > image.png

Rimuovi qualsiasi prefisso data:image/…;base64, prima di decodificare nel codice: la maggior parte dei decoder lo considera un input non valido. Altri linguaggi sono trattati negli esempi di codice per decodificare Base64.