Trascina un'immagine o clicca per selezionare
PNG, JPEG, GIF, WebP, SVG, BMP
Come funziona
Converte un'immagine in una stringa Base64 sotto forma di Data URI (data:image/…;base64,…), che puoi incorporare direttamente in HTML o CSS senza un file separato né una richiesta HTTP aggiuntiva.
Il risultato occupa circa il 33% in più del file originale, per questo conviene riservarlo a immagini piccole: icone, loghi, pattern o placeholder.
In modalità decodifica accetta una stringa Base64 o un Data URI completo, rileva il tipo di immagine dai primi byte e mostra un'anteprima scaricabile.
Esempi
logo.pngdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…Il prefisso data:image/png;base64, indica il tipo. Ogni PNG codificato inizia con iVBORw0KGgo, che corrisponde alla sua firma di file.background-image: url("data:image/png;base64,iVBORw0KGgo…");Il Data URI può essere usato così com'è all'interno di una regola CSS per incorporare l'immagine senza un file esterno.Casi d'uso
- Incorporare piccole icone o loghi in CSS/HTML tramite data URI, evitando richieste extra.
- Salvare un'immagine all'interno di un JSON, un file di configurazione o un database.
- Inviare immagini tramite API o email (MIME) che accettano solo testo.
- Recuperare e visualizzare in anteprima un'immagine da una stringa Base64 o un Data URI.
Domande frequenti
Conviene convertire tutte le immagini in Base64?
No. Aumenta le dimensioni di circa il 33% e il browser non può memorizzare l'immagine nella cache separatamente. È ideale per immagini piccole, ma per quelle grandi quasi sempre conviene un file separato.
Quali formati di immagine supporta?
Qualsiasi in codifica (PNG, JPEG, GIF, WebP, BMP, SVG). In decodifica rileva automaticamente il tipo dai primi byte del file.
Perché il mio Data URI è così lungo?
Perché Base64 rappresenta ogni 3 byte con 4 caratteri, quindi il testo cresce di circa il 33% rispetto al binario originale. È normale, soprattutto con le immagini.
La mia immagine viene caricata su un server?
No. L'immagine viene letta e codificata interamente nel tuo browser; non lascia mai il tuo computer.