Immagine in Base64 (e viceversa)
Incorpora piccole immagini direttamente in HTML, CSS o JSON senza richieste extra. Trascina uno o più file e copia il risultato nel formato che ti serve; puoi anche incollare un Base64 per recuperare l’immagine.
Elaborato al 100% nel tuo browser
Come posso verificarlo?
I tuoi file non vengono mai caricati: sono elaborati sul tuo dispositivo. Verifica tu stesso: carica la pagina, spegni il Wi-Fi e lo strumento continua a funzionare. Oppure apri gli strumenti per sviluppatori del browser (F12), scheda «Rete»: nessun file lascia il tuo dispositivo.
Ctrl + Enter eseguiCtrl + C copia risultato
Come si usa
- 1Trascina una o più immagini (JPG, PNG, WebP, GIF, SVG, AVIF).
- 2Scegli il formato: data URI, Base64 puro, tag <img>, CSS o Markdown.
- 3Copia il codice di ogni immagine con un clic.
- 4Per il percorso inverso passa a «Base64 → Immagine», incolla il testo e scarica l’immagine.
Casi d’uso
- Incorporare piccole icone e loghi in CSS o HTML per risparmiare richieste.
- Inserire immagini in email HTML o template.
- Inviare immagini dentro JSON tramite API.
- Recuperare l’immagine da un data URI trovato nel codice di una pagina.
Domande frequenti
Quando conviene usare Base64 per un’immagine?
Per immagini molto piccole (icone di pochi KB) da non scaricare separatamente. Per foto grandi non conviene: Base64 pesa il 33 % in più e non viene messo in cache separatamente.
Cos’è un data URI?
Un URL che contiene il file codificato stesso, nella forma data:image/png;base64,… Si può usare nell’attributo src di un’immagine o in url() del CSS.
Le mie immagini vengono caricate?
No. La conversione avviene nel browser; le immagini non lasciano mai il dispositivo.
Posso incollare Base64 senza prefisso?
Sì. Rileviamo il tipo di immagine dalla firma (JPG, PNG, GIF, WebP, SVG) anche senza il prefisso data:.