Immagine ↔ Base64 converte i file immagine (PNG, JPG, SVG, WebP, GIF) in Data URI codificati in Base64 e viceversa. Trascina, incolla o clicca per caricare un'immagine; copia la stringa completa data:image/...;base64,... per incorporarla inline in CSS, HTML o file di configurazione. Oppure incolla un Data URI per visualizzarne l'anteprima e scaricarlo come file immagine.
Le immagini codificate in Base64 possono essere incorporate direttamente nei file CSS, HTML o di configurazione: utile per piccole icone, template email o artefatti di build dove le richieste di immagini esterne sono indesiderate. Questo strumento rende la conversione semplicissima. Trascina un file immagine, incollalo dagli appunti o clicca per sfogliare. Lo strumento lo converte in un Data URI con il tipo MIME corretto (data:image/png;base64,..., data:image/svg+xml;base64,..., ecc.). Funziona anche la direzione opposta: incolla un Data URI e lo strumento renderizza l'immagine per l'anteprima e offre un link di download per salvarla come file reale. Funziona interamente nel browser, nessun caricamento: le tue immagini non lasciano mai il computer. Gestisce i formati PNG, JPG/JPEG, SVG, WebP, GIF e ICO.
Molteplici modi per caricare un'immagine: trascina un file dal tuo sistema operativo, incolla dagli appunti (gli screenshot funzionano) o clicca per aprire un selettore di file.
Quando incolli un Data URI, lo strumento renderizza l'immagine immediatamente così puoi verificarla prima di copiarla o scaricarla.
Copia la stringa completa data:image/...;base64,... pronta per essere incollata nei tuoi CSS, nell'attributo src HTML o nella configurazione JSON.
Nessuna attesa di caricamento: tutto accade localmente. Anche le immagini grandi vengono convertite in una frazione di secondo.
A partire da un Data URI Base64, salva l'immagine decodificata come un file effettivo (PNG, JPG, SVG, ecc.) con l'estensione corretta.
Supporta PNG, JPG, SVG, WebP, GIF e ICO. Il tipo MIME viene rilevato automaticamente così il tuo Data URI è sempre corretto.
Converti un'icona 16×16 in Base64 e inseriscila inline in background-image: url(...). Nessuna richiesta HTTP, nessun errore di cache: l'icona viene spedita insieme al tuo CSS.
Incorpora le immagini direttamente nelle email HTML come Data URI quando i riferimenti a immagini esterne vengono bloccati dai client o contrassegnati come spam.
Includi piccole immagini nell'output del bundle webpack/vite per eliminare i round-trip degli asset durante l'avvio dell'app.
Incolla un Data URI dai dev tools, dal sorgente HTML o da un file CSS per vedere l'anteprima e scaricare l'immagine sottostante come file.
Quando un'immagine incorporata non viene renderizzata, incolla il Data URI nel decodificatore per verificare che il Base64 sia valido e che il tipo MIME sia corretto.
Clicca sull'icona Base64 Immagini nel dock di DevSuite Pro. Si aprirà un pannello a due riquadri con una zona di rilascio e un campo Data URI.
Trascina un file sulla zona di rilascio, incolla un'immagine dagli appunti (Ctrl+V) o clicca sulla zona per sfogliare. Apparirà un'anteprima.
Il Data URI Base64 viene generato immediatamente nel campo di output — clicca su Copia per inviarlo agli appunti, pronto per essere incollato inline.
Per passare da Base64 a immagine, incolla un Data URI nel campo. L'anteprima renderizza l'immagine e appare un pulsante Scarica.
Salva l'immagine ricostruita come un file reale, oppure copia il Data URI per condividerlo o incorporarlo altrove.
Installa DevSuite Pro gratuitamente e sblocca più di 64 strumenti per sviluppatori per il tuo browser.
