Immagini
Immagine in Base64
Dall’immagine al data URI e ritorno, pronto da incollare nel tuo codice.
Il Base64 permette di incorporare un’immagine direttamente nel codice: un’icona in un foglio di stile, un logo in un’e-mail HTML, una piccola illustrazione in un SVG — senza richieste aggiuntive verso un server. Questo strumento lavora in entrambe le direzioni. Trascina un’immagine e ottieni il suo data URI completo (data:image/png;base64,…), con la dimensione del risultato indicata e un pulsante per copiare tutto in un clic. Oppure incolla un data URI trovato in un codice esistente: l’immagine appare subito e può essere scaricata come file normale. La conversione è istantanea e avviene interamente nel tuo browser — né le immagini né il codice lasciano mai il tuo dispositivo.
Come funziona?
- Trascina un’immagine per ottenere il suo data URI Base64, con la dimensione indicata.
- Copia il risultato in un clic, pronto per il tuo CSS o HTML.
- Oppure incolla un data URI esistente: l’immagine appare e si scarica in un clic.
Domande frequenti
A cosa serve un’immagine in Base64?
A incorporare l’immagine direttamente nel codice: icone nel CSS, immagini nelle e-mail HTML, favicon, risorse dentro un SVG o un payload JSON. L’immagine si carica insieme al documento, senza richieste di rete aggiuntive.
Il Base64 rende i file più pesanti?
Sì, di circa il 33 % rispetto al file binario, e il risultato non può essere messo in cache separatamente dal browser. È indicato per le piccole immagini (pochi KB) riutilizzate nel codice, controproducente per le foto.
Quali formati di immagine sono supportati?
Qualsiasi formato leggibile dal tuo browser: PNG, JPG, WebP, GIF, SVG, AVIF… Il data URI generato conserva il tipo MIME originale, e la decodifica accetta qualsiasi data URI di immagine valido.