Convertitore immagine ↔ Base64
Converti immagini in data URL Base64 e viceversa — con snippet CSS e HTML
Su questo strumento
Trascina, scegli o incolla un’immagine e ottieni il suo Base64 in tutte le forme che possono servirti: un data URL pronto all’uso, una dichiarazione CSS background-image, un tag <img> completo con le dimensioni reali e il payload Base64 grezzo. Funziona anche al contrario: incolla un data URL o un blocco Base64 nudo e l’immagine viene decodificata, mostrata in anteprima e scaricabile come file.
Il formato viene riconosciuto dai byte magici, non dall’estensione o dal tipo MIME dichiarato: un PNG rinominato in .jpg (o un data URL etichettato male) si converte comunque correttamente. Il pannello delle dimensioni è onesto sul costo: Base64 gonfia i dati di circa un terzo, e la dimensione codificata esatta compare accanto all’originale, così decidi subito se incorporare conviene.
A differenza della maggior parte dei siti immagine-Base64, qui non viene caricato nulla: il file è letto con l’API FileReader del browser e codificato nella pagina. Questo rende lo strumento sicuro per screenshot di dashboard interne, immagini di prodotti non ancora usciti o qualsiasi cosa tu preferisca non consegnare al server di uno sconosciuto.
Domande frequenti
- Quando conviene incorporare un’immagine in Base64 invece di collegare un file?
- Quando l’immagine è piccola (indicativamente sotto i 10 KB), cambia di rado e costerebbe una richiesta HTTP in più — icone, loghi nelle email, documenti HTML a file singolo. Per tutto il resto vince il file separato: si mette in cache indipendentemente, si carica in parallelo e non gonfia il tuo HTML o CSS del 33%.
- Perché la versione Base64 è circa un terzo più grande del mio file?
- Base64 rappresenta ogni 3 byte binari con 4 caratteri ASCII: un sovraccarico strutturale del +33% (più fino a due caratteri di padding). Gzip o Brotli sul server ne recupera una parte, ma il rigonfiamento è insito nella codifica — scambia dimensione con la possibilità di incorporare binario nel testo.
- Posso decodificare un data URL trovato in un foglio di stile o nell’HTML?
- Sì — passa a Base64 → immagine e incolla tutto, prefisso data: compreso. Anche i data URL SVG percent-encoded (quelli senza ;base64) si decodificano, e a capo e spazi nel payload vengono rimossi automaticamente. Il risultato si vede in anteprima nella pagina e si scarica con l’estensione giusta.
- Funziona con SVG, GIF e ICO o solo con PNG e JPEG?
- Tutto ciò che lo sniffer riconosce si converte in Base64: PNG, JPEG, WebP, GIF, SVG, BMP, ICO e AVIF. Per l’SVG in particolare, considera che il sorgente XML è spesso più piccolo e leggibile incorporato così com’è — codificare SVG in Base64 ha senso soprattutto quando virgolette ed escaping diventano un problema.