Convertitore da Base64 a immagine

Cos'è la decodifica da Base64 a immagine?

// A Base64 PNG payload (no prefix)
iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==

// The decoder infers the format from the leading bytes:
//   iVBORw0KGgo → PNG
//   /9j/        → JPEG
//   R0lGOD      → GIF
//   UklGR       → WebP
//   PHN2Zy      → SVG (<svg)

// Reconstructed as a real file, downloadable as image.png
// (1 × 1 transparent PNG, 68 bytes — lossless round trip)

Caratteristiche principali

Esempi

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==

PNG 1 × 1, trasparente — anteprima renderizzata, scaricabile come .png

/9j/4AAQSkZJRgABAQEAYABgAAD…

JPEG rilevato dai magic byte — anteprima + download come .jpg

iVBORw0KGgoAAAANS
UhEUgAAAAEAAAAB
CAYAAAA…

Spazi rimossi automaticamente — PNG valido decodificato

Come convertire Base64 in un'immagine

1. 1

   Incolla la stringa Base64

   Inserisci un data URI completo o solo il payload Base64 grezzo. Il decodificatore rimuove spazi e interruzioni di riga automaticamente e accetta input con o senza il prefisso data:.

2. 2

   Controlla l'anteprima e i metadati

   L'immagine viene renderizzata istantaneamente su una scacchiera così la trasparenza è visibile. Lo strumento mostra le dimensioni decodificate, il tipo MIME e la dimensione in byte — deducendo il formato dai magic byte quando non è presente alcun prefisso.

3. 3

   Scarica l'immagine

   Clicca Scarica per salvare il file ricostruito con l'estensione corretta. La decodifica è senza perdite, quindi il risultato è byte per byte identico all'immagine codificata originariamente.

Insidie comuni

…WjR9awAAAABJRU5ErkJggg
// missing trailing == — fails to decode

…WjR9awAAAABJRU5ErkJggg==
// complete with padding — decodes cleanly

JVBERi0xLjcN…
// this is a Base64 PDF (%PDF header), not an image

iVBORw0KGgo…
// this is a Base64 PNG — renders correctly

url("data:image/png;base64,iVBORw0KGgo…")
// the url(" and ") are not part of the data

data:image/png;base64,iVBORw0KGgo…
// just the data URI

data:image/png;base64,iVBORw0KGgo%2B%2F…
// %2B / %2F are URL-encoded + and /

data:image/png;base64,iVBORw0KGgo+/…
// URL-decode first, then decode the image

Casi d'uso comuni

Estrai un asset da un data URI

Trovato un'immagine inserita inline in un foglio di stile o in HTML come data URI e ti serve il file vero? Incolla la stringa, conferma l'anteprima e scarica il PNG, JPG o SVG originale — senza bisogno di ospitarlo o ricrearlo.

Ispeziona la miniatura di una risposta API

Un'API ha restituito un campo immagine Base64 e vuoi vedere cosa è. Incolla il payload per renderizzarlo istantaneamente, leggi le sue dimensioni reali e il tipo, e salvalo per un'ispezione più ravvicinata o per le segnalazioni di bug.

Fai il debug di un'immagine inline rotta

Un'immagine incorporata non viene renderizzata sulla tua pagina. Incolla qui il suo Base64: se l'anteprima è corretta, i dati sono validi e il problema è nel tuo markup o nel tipo MIME; se fallisce, la stringa stessa è troncata o corrotta.

Recupera un'immagine da un file di configurazione o tema

Gli strumenti di build e i bundle dei temi spesso inseriscono inline icone e loghi come Base64. Decodifica la stringa per tirare fuori l'asset come file normale che puoi modificare, riesportare o riutilizzare altrove.

Verifica l'output di uno strumento di build

Un bundler o uno script ha generato un data URI e vuoi confermare che sia valido e corretto prima di spedirlo. Decodificarlo qui è il controllo visivo più rapido che il passaggio di codifica abbia prodotto l'immagine che ti aspettavi.

Riconverti Base64 in un file condivisibile

Qualcuno ti ha inviato un'immagine come blob Base64 in una chat o in un documento. Incollala, vedila in anteprima e scarica un file vero che puoi aprire, allegare o caricare normalmente.

Dettagli tecnici

Come funziona la decodifica

L'atob integrato del browser converte il payload Base64 in una stringa binaria, che lo strumento copia byte per byte in un Uint8Array. Quel typed array viene avvolto in un Blob etichettato con il tipo MIME rilevato, e un object URL punta l'anteprima e il link di download a esso. Ogni gruppo di quattro caratteri Base64 produce tre byte; il padding = finale segna il resto di uno o due byte. Il processo è esatto e senza perdite — i byte ricostruiti corrispondono precisamente al file originale.

Rilevamento del formato dai magic byte

Quando l'input non ha un prefisso data: a dichiarare un tipo MIME, il decodificatore identifica il formato dai primi caratteri Base64, che codificano i byte di firma del file. iVBORw0KGgo si decodifica nell'header PNG, /9j/ nel marcatore SOI del JPEG, R0lGOD in GIF, UklGR nel contenitore RIFF/WebP, PHN2Zy e PD94bWw nelle aperture

Nessuna rete, nessuna memorizzazione

Decodifica, anteprima e download sono tutti locali. Non c'è alcun fetch, alcun XMLHttpRequest e alcun viaggio di andata e ritorno verso il server — l'unica attività di rete che la pagina compie mai è il caricamento di se stessa. Le stringhe incollate sono tenute in memoria per la durata della pagina e scartate quando la chiudi o la ricarichi. Questo è ciò che rende lo strumento sicuro per grafiche riservate e utilizzabile offline.

Buone pratiche

Copia l'intera stringa, padding incluso

Una stringa di immagine Base64 deve essere completa per decodificarsi. Assicurati di copiare ogni carattere, specialmente il padding = o == finale — un valore che termina a metà fallirà. Se la decodifica fallisce, riselezionare e ricopiare la stringa completa è la prima cosa da provare.

Fidati del rilevamento dei magic byte per le stringhe senza prefisso

Se hai solo il payload grezzo, incollalo così com'è — non c'è bisogno di costruire a mano un prefisso data:. Il decodificatore deduce il formato dai byte iniziali e assegna il tipo MIME e l'estensione corretti. Aggiungi un prefisso manualmente solo se devi specificamente forzare il tipo rilevato.

Verifica le dimensioni prima di scaricare

Usa le dimensioni in pixel e il tipo MIME riportati come controllo di sanità per accertarti di aver decodificato l'asset che intendevi — specialmente quando estrai una stringa da un file che ne contiene diverse. Un risultato 1×1, per esempio, di solito significa che hai preso un pixel di tracciamento invece dell'immagine che volevi.

Ricorda che Base64 non è sicuro

La decodifica non richiede alcuna chiave, quindi non affidarti mai a Base64 per nascondere il contenuto di un'immagine. Se hai ricevuto una stringa aspettandoti che fosse protetta, non lo è — chiunque può decodificarla qui in pochi secondi. La vera protezione richiede crittografia e controllo degli accessi, non codifica.

I giri di andata e ritorno sono senza perdite

Decodificare e poi ricodificare la stessa immagine è senza perdite, quindi puoi fare in sicurezza un giro completo attraverso entrambe le schede per testare un flusso. Se devi ridurre l'asset, comprimi il file decodificato con il nostro Compressore Immagini prima di ricodificarlo in un data URI più piccolo.

Domande frequenti

Cosa fa questo convertitore da Base64 a immagine?

Prende una stringa Base64 — o un data URI completo come data:image/png;base64,… — e la decodifica nuovamente in un'immagine reale e visualizzabile, interamente dentro il tuo browser. Ottieni un'anteprima istantanea, le dimensioni in pixel decodificate, il tipo MIME rilevato e un pulsante Scarica che ricostruisce il file originale con l'estensione corretta. È l'inverso di codificare un'immagine in Base64. Il decodificatore è volutamente tollerante: accetta input con o senza il prefisso data:, rimuove spazi e interruzioni di riga sparsi, e deduce il formato dell'immagine dai magic byte dei dati quando non è presente alcun tipo MIME. Per fare il percorso inverso, usa la scheda Immagine → Base64 o il nostro codificatore da immagine a Base64.

I miei dati Base64 vengono caricati da qualche parte?

No. La decodifica avviene completamente lato client. La stringa viene trasformata in binario con l'atob integrato del browser, ricostruita in un Blob e renderizzata da un object URL locale — nessun server, nessuna richiesta di rete, nessun log. Puoi confermarlo nella scheda Rete del tuo browser: incollare una stringa e scaricare l'immagine genera zero richieste. Questo rende lo strumento sicuro per decodificare stringhe che contengono grafiche riservate o non ancora pubblicate estratte da un file di configurazione, una risposta API o un foglio di stile di cui stai facendo il debug.

Devo includere il prefisso data:?

No. Puoi incollare un data URI completo (data:image/png;base64,iVBORw0KGgo…) oppure solo il payload Base64 grezzo (iVBORw0KGgo…). Quando il prefisso è presente, lo strumento usa il tipo MIME dichiarato. Quando è assente, il decodificatore legge i primi caratteri — che corrispondono direttamente ai magic byte dell'immagine — e deduce il formato: iVBORw0KGgo significa PNG, /9j/ significa JPEG, R0lGOD significa GIF, UklGR significa WebP, e PHN2Zy o PD94bWw significa SVG. In entrambi i casi ottieni un'anteprima corretta e un download con la giusta estensione di file.

Quali formati immagine può decodificare?

Qualsiasi formato che il browser può renderizzare da un data URI: PNG, JPEG/JPG, GIF (incluse le animate), WebP, SVG, ICO, BMP e AVIF dove supportato. Poiché lo strumento ricostruisce i byte originali invece di ricodificare, trasparenza, animazione e scalabilità vettoriale sono tutte preservate esattamente. Il file scaricato è byte per byte l'immagine che era stata codificata originariamente — decodificare e poi ricodificare è un giro di andata e ritorno senza perdite.

Perché la mia stringa Base64 non si decodifica?

I soliti colpevoli sono una stringa troncata che ha perso il padding finale =, caratteri eliminati o alterati accidentalmente durante il copia-incolla, una stringa che in realtà è testo o un altro binario anziché un'immagine, oppure un tipo MIME sbagliato che impedisce al browser di renderizzare byte altrimenti validi. Questo decodificatore rimuove gli spazi e tollera un prefisso mancante, quindi quei problemi comuni sono gestiti automaticamente — se ancora non riesce a renderizzare, i dati stessi sono incompleti o non sono un'immagine. Ricopia l'intero valore, incluso qualsiasi padding == finale, e riprova.

Come salvo l'immagine decodificata come PNG o JPG?

Una volta che appare l'anteprima, clicca Scarica. Lo strumento ricostruisce il binario dal payload Base64 e lo salva con l'estensione che corrisponde al tipo MIME rilevato — .png per image/png, .jpg per image/jpeg, .svg per image/svg+xml e così via. Il download è ricostruito localmente dai byte decodificati esatti, quindi è identico al file originale che era stato codificato. Non c'è alcuna conversione di formato: un PNG codificato in Base64 viene scaricato come PNG, non come copia ridisegnata.

Decodificare Base64 è la stessa cosa di decifrarlo?

No. Base64 è una codifica, non una crittografia, e la decodifica non richiede alcuna chiave o password — inverte semplicemente la mappatura da 4 caratteri a 3 byte. Chiunque abbia la stringa può recuperare l'immagine originale, che è esattamente ciò che fa questo strumento. Base64 non offre alcuna riservatezza; esiste solo per far viaggiare i dati binari in sicurezza attraverso canali basati su testo come HTML, JSON ed email. Se una stringa era stata davvero cifrata prima di essere codificata in Base64, decodificarla qui produrrà i byte cifrati, non un'immagine visualizzabile.

Può gestire stringhe Base64 molto lunghe?

Sì. Poiché tutto viene elaborato localmente, non c'è alcun limite di dimensione di upload — il tetto pratico è quanto testo il tuo browser può tenere e decodificare comodamente, che è ben oltre il range di diversi megabyte su una macchina moderna. Stringhe molto grandi (una foto ad alta risoluzione codificata in Base64 può essere centinaia di kilobyte di testo) impiegano un momento a renderizzare ma si decodificano correttamente. Se ti trovi a decodificare abitualmente stringhe enormi, è spesso un segno che l'immagine avrebbe dovuto essere servita come file normale anziché inserita inline in primo luogo.

Da dove provengono queste stringhe di immagini Base64?

Le incontrerai più spesso incorporate nel CSS (background-image: url(data:image/png;base64,…)), negli attributi src di HTML, dentro risposte API JSON, nel sorgente delle email, negli sprite sheet SVG, e in file di configurazione o tema che includono asset inline. Gli sviluppatori le incollano qui per vedere cosa contiene davvero un data URI opaco, per estrarre un asset che non ha un file separato, o per verificare che una stringa prodotta da uno strumento di build sia valida. Lo strumento companion Immagine in Base64 produce esattamente queste stringhe.

La decodifica perde qualità?

No. Base64 è una rappresentazione esatta e senza perdite dei byte originali — la decodifica restituisce precisamente il file che era stato codificato, senza alcun cambiamento di qualità, ricompressione o ridimensionamento. Se l'immagine sorgente era un JPEG compresso, riottieni quello stesso JPEG; se era un PNG senza perdite, riottieni il PNG identico. L'unica cosa che cambia è il contenitore (stringa di testo contro file binario). Qualsiasi perdita di qualità che vedi esisteva già nell'immagine originale prima ancora che fosse codificata.