Immagine in Base64

Trasforma un'immagine in una stringa Base64 (data URI) da incorporare direttamente in HTML, CSS o JSON, senza file esterni.

Clicca qui o trascina la tua immagine

PNG, JPG, WebP, GIF o SVG — la conversione avviene solo sul tuo dispositivo

—File originale

—Stringa Base64

—Aumento di peso

Data URI completo

Snippet HTML — <img>

Snippet CSS — background

⚠️ La codifica Base64 aumenta il peso di circa il 33%: conviene solo per immagini piccole (icone, loghi, sfondi leggeri). Per foto grandi meglio un file separato.

🔒 L'immagine resta nel tuo browser: nessun caricamento su server.

Cos'è un data URI e quando usarlo

Un data URI incorpora il contenuto dell'immagine direttamente nel codice, nella forma data:image/png;base64,…. Il vantaggio è eliminare una richiesta HTTP: l'immagine arriva insieme alla pagina, perfetto per icone, piccoli loghi, favicon ed email HTML dove i file esterni spesso vengono bloccati. Lo svantaggio è che il contenuto codificato non viene messo in cache separatamente dal browser e pesa circa un terzo in più dell'originale.

Perché il Base64 pesa il 33% in più

Il Base64 rappresenta i dati binari usando solo 64 caratteri di testo: ogni 3 byte dell'immagine diventano 4 caratteri, da cui l'aumento di circa il 33%. Per questo la regola pratica è incorporare solo file sotto i 5-10 KB; oltre, il peso extra vanifica il risparmio della richiesta HTTP. Lo strumento mostra il peso finale esatto, così decidi con i numeri alla mano.