Converti immagini in Base64 - istantaneo, privato, pronto da copiare.

Base64 e una codifica binary-to-text che rappresenta dati binari usando 64 caratteri ASCII (A-Z, a-z, 0-9, +, /). Converte ogni 3 byte di dati binari in 4 caratteri ASCII. Un'icona da 3 KB diventa una stringa di testo da 4 KB. La codifica esiste perche molti sistemi - email (SMTP), API JSON, valori CSS url(), attributi HTML - accettano solo testo, non dati binari raw. Base64 colma quel divario trasformando qualsiasi file in una rappresentazione testuale sicura.

Usa Base64 per immagini sotto i 10 KB - favicon, icone piccole, loghi semplici, pixel di tracciamento 1x1 e piccoli elementi UI. A quella dimensione, l'overhead della richiesta HTTP (lookup DNS, handshake TCP, negoziazione TLS) costa piu dell'aumento del 33% dalla codifica Base64. Per immagini sopra i 10 KB, i file esterni sono migliori perche i browser possono memorizzarli nella cache indipendentemente, caricarli in parallelo ed evitare di gonfiare CSS o HTML. I template email HTML sono l'eccezione - incorpora sempre con Base64 perche i client email bloccano il caricamento delle immagini esterne di default.

Base64 aumenta la dimensione del file esattamente del 33% (rapporto 4/3) piu qualche byte di padding. Un PNG da 9 KB diventa una stringa Base64 da 12 KB. Un JPG da 30 KB diventa 40 KB di testo. Questo overhead si amplifica quando la stringa Base64 e dentro un file CSS o HTML che viene anche compresso con gzip per il trasferimento - gzip recupera parte del gonfiore (tipicamente 10-15%), ma la dimensione decodificata nel DOM del browser e comunque il 33% in piu. Per un data URI, aggiungi altri 20-30 byte per il prefisso data:image/png;base64,.

Un data URI include un'intestazione che dice al browser come interpretare i dati: data:image/png;base64,iVBORw0KGgo... L'intestazione specifica il tipo MIME (image/png) e la codifica (base64). Base64 raw e solo la stringa codificata senza l'intestazione: iVBORw0KGgo... Usa i data URI nei valori CSS background-image url() e negli attributi HTML src. Usa Base64 raw quando invii dati immagine ad API che si aspettano il payload senza il prefisso data URI, o quando memorizzi in database dove il tipo MIME viene tracciato separatamente.

Mantieni le immagini Base64 sotto i 10 KB (dimensione file originale) per l'incorporamento CSS. Google Lighthouse segnala il CSS che blocca il rendering, e un'immagine Base64 da 100 KB dentro il tuo foglio di stile aggiunge 133 KB di testo non compresso ad ogni caricamento pagina. Per tag HTML img inline, 20-30 KB e un limite superiore ragionevole - oltre, il documento HTML diventa troppo pesante per un First Contentful Paint veloce. I template email possono andare piu in alto (fino a 100 KB per immagine) perche non c'e alternativa con file esterni, ma mantieni la dimensione totale dell'email sotto i 102 KB per evitare il troncamento di Gmail.

Ogni browser moderno supporta i data URI - Chrome, Firefox, Safari, Edge e tutti i browser mobile dal 2012 in poi. Internet Explorer 8 ha aggiunto supporto parziale con un limite di 32 KB per data URI. IE 9+ ha rimosso quel limite. L'unica restrizione pratica oggi e che alcune configurazioni Content Security Policy (CSP) bloccano i data: URI di default. Se il tuo sito usa una CSP restrittiva, aggiungi data: alla direttiva img-src per permettere le immagini Base64 inline.

Nessuna immagine lascia il tuo dispositivo. La conversione usa la FileReader API del browser per leggere il file localmente e produrre la stringa Base64 interamente in JavaScript. Apri gli strumenti per sviluppatori del browser (F12), passa alla scheda Network e converti un'immagine - vedrai zero richieste in uscita. Lo strumento funziona su HTML statico e JavaScript senza backend server. Chiudi la scheda e tutti i dati vengono cancellati dalla memoria.

Si, ma SVG e gia XML basato su testo, quindi la codifica Base64 di un SVG e spesso non necessaria. Un data URI SVG raw (data:image/svg+xml,...) senza Base64 e tipicamente il 20-30% piu piccolo perche salti l'overhead del 33% della codifica. Questo strumento fornisce la versione Base64 per compatibilita con sistemi che richiedono Base64, ma per immagini di sfondo CSS, considera l'uso dell'SVG raw in un url() con codifica percentuale. La versione Base64 funziona ovunque, mentre la versione non codificata fallisce in alcuni client email piu vecchi.