Convertitore immagine in Base64

Base64 è un modo di scrivere dati binari come stringa di testo. Un’immagine codificata si incorpora direttamente in HTML (<img src="data:image/png;base64,...">), in CSS (background-image: url(data:...)) o in JSON, oppure si invia a un’API, senza ospitare il file su un server.

La codifica Base64 serve in vari casi: incorporare piccole icone e loghi nel CSS (meno richieste HTTP), creare modelli di e-mail con immagini incorporate (Outlook blocca le immagini esterne per impostazione predefinita), inviare immagini a un’API (OpenAI Vision, Google Cloud Vision) e generare file HTML autonomi senza dipendenze.

Base64 aumenta i dati di circa il 33 per cento (3 byte binari diventano 4 caratteri). Per immagini piccole fino a 10 KB il risparmio di richieste vale la pena. Per foto grandi oltre 50 KB è meglio usare file normali: il Base64 appesantirebbe la pagina e rallenterebbe il caricamento.

Tutta la codifica avviene localmente nel browser; i dati non vengono inviati a nessun server. Senza registrazione, senza limiti, senza tracciamento.

La codifica Base64 converte i dati binari di un’immagine in una stringa di testo usando 64 caratteri ASCII stampabili (A–Z, a–z, 0–9, +, /). Ogni gruppo di 3 byte di dati binari diventa 4 caratteri Base64, il che significa che la stringa codificata è circa il 33% più grande del file originale.

Il convertitore legge il tuo file immagine, lo codifica in una stringa Base64 e aggiunge il prefisso Data URI appropriato (es. data:image/png;base64,). Questo crea una stringa autonoma che può essere integrata direttamente in HTML, CSS o JSON senza necessitare di un file immagine separato.

Le immagini codificate in Base64 sono comunemente usate per piccole icone, loghi ed elementi dell’interfaccia dove l’eliminazione di una richiesta HTTP aggiuntiva migliora il tempo di caricamento. La conversione avviene interamente nel tuo browser.

La codifica Base64 conviene in casi precisi, ma non è sempre la scelta giusta:

• Usa Base64 per – immagini piccole sotto i 10 KB (icone, loghi), modelli di e-mail con immagini incorporate, richieste API che vogliono l’immagine dentro il JSON e file HTML autonomi.
• Usa file normali per – immagini grandi oltre i 50 KB, immagini principali e foto di un sito, immagini che il browser deve tenere in cache e contenuti serviti da una CDN.

Base64 aumenta i dati del 33 % e impedisce al browser di usare la cache. Per un sito veloce incorpora solo elementi molto piccoli e servi tutto il resto come file normali con intestazioni di cache adeguate.