Lunghezza Base64
L = 4 × ⌈n ÷ 3⌉
Definita dalla RFC 4648; 12.000 byte danno 16.000 caratteri.
Convertire un’immagine in Base64 (e Base64 in immagine)
Codifica un’immagine in Base64 o decodifica una stringa Base64/Data URI in immagine, interamente nel browser.
- Appunti
- Esporta
I tuoi file vengono elaborati localmente nel browser e non vengono mai inviati ai nostri server.
Rilascia qui il tuo file
Dimensione consigliata: fino a 25 MB
Anteprima
Base64 / Data URI
Anteprima
Questo strumento ti è stato utile?
Come funziona questo strumento?
Base64 trasforma i byte di un’immagine in testo composto da 64 caratteri sicuri. Codificata così, un’immagine si può incollare direttamente in CSS, HTML, un file JSON o un’e-mail come Data URI, senza file separato. Questo strumento lavora nei due sensi: codifica un’immagine in Base64 e ricostruisce un’immagine da una stringa Base64 o da una Data URI.
Scheda Immagine → Base64: scegli un’immagine PNG, JPEG, WebP, GIF o SVG fino a 25 MB. Viene letta così com’è, senza ricodifica, e convertita in una Data URI completa del tipo data:image/png;base64,…, pronta da copiare. L’anteprima conferma l’immagine letta e una riga indica la dimensione del file, quella della Data URI e il sovraccarico in percentuale.
Scheda Base64 → Immagine: incolla una Data URI o una stringa Base64 grezza. Per una stringa grezza scegli il tipo MIME (PNG, JPEG, WebP, GIF o SVG); spazi e a capo vengono rimossi. L’anteprima compare non appena la stringa è valida e Scarica l’immagine salva decoded-image con l’estensione del tipo.
Base64 scrive 3 byte con 4 caratteri: il testo pesa circa un terzo in più del file, più qualche carattere di intestazione. Una stringa non valida o troncata mostra «Base64 o Data URI non valido.»
Come usare questo strumento
Scegli il verso
Immagine → Base64 per codificare, Base64 → Immagine per decodificare.
Importa o incolla
Trascina un’immagine oppure incolla una Data URI o Base64 grezzo indicando il tipo MIME.
Copia o scarica
Copia la Data URI oppure scarica l’immagine decodificata dopo aver controllato l’anteprima.
Dimensione di un testo Base64
Base64 raggruppa i byte a 3 a 3 (24 bit) e scrive ogni gruppo con 4 caratteri da 6 bit; l’ultimo gruppo è completato con segni =.
Lunghezza della Data URI
L_URI = L + p
p vale 22 per data:image/png;base64, e 26 per data:image/svg+xml;base64,.
- n
- dimensione del file in byte
- L
- numero di caratteri Base64
- p
- lunghezza dell’intestazione della Data URI
Casi d’uso
Incorporare una piccola icona nel CSS
Inserisci un’icona di pochi kilobyte in background-image per risparmiare una richiesta di rete.
Recuperare un’immagine da un JSON
Decodifica un’immagine salvata in Base64 in una risposta API o in un’esportazione per vederla e salvarla.
Preparare un’e-mail o un prototipo
Inserisci un’immagine in un HTML autonomo che deve funzionare senza cartella di immagini.
Esempi
Codificare un’icona PNG da 12.000 byte
12.000 ÷ 3 = 4.000 gruppi di 3 byte, cioè 16.000 caratteri Base64, più 22 caratteri per data:image/png;base64,. Il sovraccarico del 34 % comprende l’intestazione.
Input
icona.png, 12.000 byteRisultato
Data URI di 16.022 caratteri; «File da 11,7 KB → Data URI da 15,6 KB (+34 %)»Usare la Data URI nel CSS
Il browser mostra l’icona senza scaricare alcun file. Riserva questo metodo alle immagini piccole: una foto codificata appesantisce il foglio di stile e non viene più memorizzata in cache a parte.
Input
Data URI di un’icona SVG copiata dallo strumentoRisultato
.avviso { background-image: url("data:image/svg+xml;base64,PHN2Zy…"); }Consigli e buone pratiche
- Limita Base64 alle immagini di pochi kilobyte; oltre, un file separato si carica e si memorizza in cache in modo più efficiente.
- Ottimizza l’immagine prima di codificarla: ogni byte risparmiato toglie circa 1,33 caratteri dal testo.
- Per un SVG, una Data URI senza Base64 (data:image/svg+xml, seguito dall’SVG con i caratteri di escape) è spesso più corta.
- Se la decodifica fallisce, verifica che la stringa sia completa: una Data URI copiata da un log è spesso troncata.
Fonti e riferimenti
- S. Josefsson, RFC 4648 — The Base16, Base32, and Base64 Data Encodings (si apre in una nuova scheda), RFC Editor, 2006Pagina in inglese
Domande frequenti
Base64 comprime l’immagine?
No, anzi: il testo Base64 pesa circa il 33 % in più del file. È una codifica per trasportare byte dentro un testo, non una compressione.
Che differenza c’è tra Base64 e Data URI?
Base64 è il solo testo codificato. La Data URI aggiunge davanti un’intestazione come data:image/png;base64, che indica al browser il tipo di file.
Che cosa faccio se ho solo Base64 grezzo?
Incollalo nella scheda Base64 → Immagine e scegli il tipo MIME dell’immagine originale (PNG, JPEG, WebP, GIF o SVG).
L’immagine viene modificata durante la codifica?
No. I byte del file vengono codificati così come sono: decodificando la Data URI si ottiene esattamente lo stesso file, metadati compresi.
Il Base64 può contenere a capo?
Sì, alcuni strumenti vanno a capo ogni 76 caratteri. Lo strumento rimuove questi spazi e a capo prima di decodificare una stringa grezza.
La mia immagine viene caricata su un server?
No. Codifica e decodifica sono eseguite dal browser, senza richieste di rete.
Strumenti correlati
Continua con questi strumenti
Strumenti simili o complementari a questo.
Strumenti simili
Alleggerisci un’immagine regolando la qualità o puntando a un peso in KB, con il peso finale mostrato prima del download.
Immagini e graficaIn evidenzaUsa questo strumento
Riduci il markup SVG localmente mantenendo la grafica modificabile.
Immagini e graficaUsa questo strumento
Converti un’immagine in PNG, JPEG o WebP e regola la qualità prima del download.
Immagini e graficaIn evidenzaUsa questo strumento