Convertitore da Immagine a Base64

Come si usa

1. Scegli un'immagine (PNG, JPG, WebP, GIF o SVG) — viene letta in locale, mai caricata online.
2. Lo strumento produce il Data URI più snippet HTML e CSS background-image pronti da incollare.
3. Copia la versione che ti serve con un clic, o scarica il Data URI come file di testo.

Informazioni su questo strumento

Un Data URI incorpora un file direttamente dentro il testo: data:image/png;base64, seguito dai byte del file codificati in Base64. Incollalo in un tag , in uno sfondo CSS o in un payload JSON e l'immagine si visualizza senza file separato e senza richiesta HTTP extra — l'immagine viaggia dentro il documento stesso.

È davvero utile per le immagini piccole: icone in una pagina HTML a file unico, loghi nelle e-mail transazionali, piccoli placeholder incorporati nel CSS, fixture nei test automatici. È lo strumento sbagliato per le immagini grandi — l'output Base64 è circa il 33% più grande del file originale e non può essere messo in cache separatamente dal documento. Come regola pratica, incorpora le immagini sotto qualche kilobyte e servi tutto il resto come file normali.

La conversione qui avviene con l'API FileReader, interamente sul tuo dispositivo: l'immagine viene letta in memoria, codificata e mostrata — nessun caricamento, nessun server, nessuna memorizzazione. La stima della dimensione accanto al risultato mostra esattamente cosa significa il 33% di sovraccarico per il tuo file, prima che tu decida di incorporarlo.

La formula

Formato del Data URI: data:{mime-type};base64,{base64-bytes}. Dimensione codificata ≈ dimensione originale × 4/3 (più ~2% se si mantengono gli a capo).

Domande frequenti