Conversione fra file e Base64 (con indirizzi con dati incorporati, in entrambi i sensi)
Strumento gratuito che converte qualunque file — immagini, PDF e altro — in una stringa Base64 o in un indirizzo con dati incorporati, e viceversa ricostruisce il file da una stringa Base64 o da un indirizzo con dati, rendendolo scaricabile. La conversione avviene interamente nel navigatore e i file non sono trasmessi ad alcun servente.
Che cos'è la conversione fra file e Base64
Base64 è un metodo di codifica che rappresenta dati binari — immagini, PDF e qualunque altro tipo di file — servendosi soltanto di sessantaquattro caratteri stampabili: lettere maiuscole e minuscole, cifre, più e barra. Chi sviluppa vi ricorre ogni volta che deve inserire il contenuto di un file in un luogo che può trasportare in sicurezza soltanto testo, come il corpo di una richiesta JSON, un foglio di stile CSS o una pagina HTML. Anteponendo alla stringa codificata l'informazione sul tipo di supporto, come in data:image/png;base64,..., si ottiene un indirizzo con dati incorporati che il navigatore può interpretare direttamente come immagine, senza dover recuperare un file a parte.
Questo strumento copre entrambe le direzioni: converte qualunque file in una stringa Base64 o in un indirizzo con dati incorporati, e decodifica una stringa Base64 o un simile indirizzo per recuperare il file originario da scaricare. L'intera conversione avviene come JavaScript nel vostro navigatore, tramite le funzioni di lettura dei file e degli oggetti binari, così il contenuto non viene mai trasmesso a un servente esterno. Ciò lo rende utile sia per esaminare rapidamente un misterioso frammento Base64 trovato nel codice sorgente altrui, sia per trattare file riservati che preferite non caricare da nessuna parte.
Come convertire i file in Base64 e viceversa
- Scegliete la direzione della conversione Selezionate «Da file a Base64» oppure «Da Base64 a file» a seconda di ciò che volete fare.
- Fornite il file oppure il testo Base64 Nella modalità che parte dal file, trascinate o scegliete un documento. In quella inversa, incollate una stringa Base64 o un indirizzo con dati incorporati.
- Lasciate che la conversione avvenga da sé Non appena scegliete o incollate l'ingresso, la conversione avviene immediatamente nel navigatore.
- Verificate il tipo di supporto riconosciuto (da Base64 a file) Se l'ingresso non è un indirizzo completo, compare un menu per il tipo di supporto: scegliete il formato corrispondente al file originario.
- Copiate il risultato o scaricate il file Copiate la stringa codificata oppure scaricate il file ricostruito per concludere l'operazione.
Consigli per sfruttarlo al meglio
- Nella modalità che parte dal file potete caricare qualunque tipo di documento — immagini, PDF, audio — e copiare tanto l'indirizzo con dati incorporati quanto la semplice stringa Base64.
- Nella modalità inversa, incollando un indirizzo completo che comincia con
data:il tipo di supporto è riconosciuto automaticamente. Se disponete della sola stringa Base64, sceglietelo a mano. - La conversione avviene interamente nel JavaScript del navigatore e né i file caricati né le stringhe Base64 sono mai trasmessi ad alcun servente: potete usare lo strumento con serenità anche su documenti riservati.
- Per inserire una piccola icona in un foglio di stile o in una pagina HTML, potete incollare senz'altro l'indirizzo con dati incorporati nella proprietà
background-image: url(...)oppure nell'attributosrcdi un marcatore<img>. - Poiché la codifica Base64 accresce la dimensione di circa il 33 per cento, la conversione di file di decine di megabyte o più può rallentare sensibilmente il navigatore.
Impieghi frequenti
Inserire una piccola icona direttamente in un foglio di stile
Convertite un'icona in un indirizzo con dati incorporati e collocatela direttamente nella proprietà background-image, evitando una richiesta aggiuntiva per una risorsa minuscola.
Trasmettere un file all'interno di una richiesta API in JSON
Codificate un'immagine o un allegato come stringa Base64 in modo che possa viaggiare come semplice valore testuale nel corpo di una richiesta o di una risposta JSON.
Esaminare un frammento Base64 trovato nel codice sorgente
Incollate una stringa Base64 sconosciuta scovata in codice HTML o CSS per ricostruirla in un file consultabile e vedere esattamente che cosa contiene.
Inserire un'immagine incorporata in un messaggio HTML
Codificate in Base64 un logo o un'icona per inserirla direttamente nel corpo di un messaggio di posta HTML, senza bisogno di un allegato separato.
Glossario
- Base64
- Il metodo di codifica che rappresenta dati binari servendosi soltanto di sessantaquattro caratteri ASCII stampabili: lettere maiuscole e minuscole, cifre, più e barra. Non è una cifratura, ma soltanto un modo per trasportare in sicurezza byte qualsiasi come testo.
- Indirizzo con dati incorporati
- Il formato che inserisce direttamente in un indirizzo il contenuto di un file codificato in Base64. Poiché comprende anche l'informazione sul tipo di supporto, può essere usato direttamente come origine di un'immagine o come sfondo in un foglio di stile.
- Tipo di supporto (MIME)
- Un identificatore che descrive il formato di un file, scritto come «categoria/sottocategoria» (per esempio
image/pngoapplication/pdf). I navigatori se ne servono per decidere come trattare un determinato file. - Codifica
- Il procedimento con cui si convertono dati da una rappresentazione a un'altra. La codifica Base64, in particolare, trasforma dati binari in una stringa di testo stampabile.
- Elaborazione lato client
- Il trattamento dei dati interamente all'interno del navigatore, senza inviarli a un servente. Ogni conversione di questo strumento avviene lato client, così i file non lasciano mai il vostro dispositivo.
- Aumento della dimensione
- L'aumento di circa il 33 per cento nella dimensione dei dati provocato dalla codifica Base64. È una conseguenza inevitabile del ridistribuire dati binari a otto bit in caratteri da sei bit.
Domande frequenti
data:image/png;base64,iVBOR.... Poiché comprende anche l'informazione sul tipo di supporto, si può indicare così com'è nell'attributo src di un marcatore <img> o nella proprietà background-image di un foglio di stile.data:, compare un campo per scegliere il tipo di supporto: indicate a mano il formato originario — immagine, PDF, testo — e procedete allo scaricamento.
A proposito — perché Base64 accresce i file di un terzo
Base64 nacque dai limiti dei canali di comunicazione che trattano in sicurezza soltanto caratteri ASCII stampabili: posta elettronica, JSON, indirizzi web. Inviando tali e quali dati binari come un'immagine o un eseguibile, l'intrusione di caratteri di controllo li avrebbe corrotti; si ideò perciò un metodo che rappresenta il binario con sessantaquattro soli caratteri stampabili — lettere maiuscole e minuscole, cifre, più e barra.
Base64 prende tre byte, cioè ventiquattro bit, li suddivide in quattro gruppi da sei bit e li converte in quattro caratteri. Ridistribuendo dati a otto bit in caratteri da sei, il risultato è circa quattro terzi dell'originale, con un aumento di circa il 33 per cento: è il prezzo da pagare per poterli trasportare in sicurezza come testo.
Un uso che rovescia a proprio favore questa caratteristica è l'indirizzo con dati incorporati, che inserisce direttamente in HTML o in un foglio di stile una piccola immagine nella forma data:image/png;base64,.... Poiché mostra l'icona senza generare una richiesta aggiuntiva, è una tecnica diffusa per accelerare il caricamento delle pagine. Ha però lo svantaggio dell'aumento di circa un terzo e dell'impossibilità di sfruttare la memoria del navigatore, e non si presta quindi alle immagini di grandi dimensioni.