Da immagine a Base64

Trascina un'immagine nella casella qui sopra, clicca per sfogliarla, incollala dagli appunti o caricala da un URL. Lo strumento converte istantaneamente l'immagine in una stringa Base64 e mostra un data URI pronto da copiare come CSS, HTML o Markdown. Tutto avviene nel tuo browser — l'immagine non viene mai caricata su alcun server, rendendola sicura per immagini private o riservate.

Passa alla scheda Base64 → Immagine e incolla un data URI (data:image/png;base64,…) o una stringa Base64 grezza. Lo strumento la decodifica, visualizza l'immagine in anteprima e ti consente di scaricarla come file. Rileva automaticamente il formato, quindi PNG, JPG, SVG, WebP e GIF funzionano tutti. La decodifica completa avviene in locale nel tuo browser — non viene effettuata alcuna richiesta al server e la tua stringa Base64 non viene mai trasmessa da nessuna parte.

Usa il data URI Base64 come src di un tag img: incolla la stringa codificata in src="data:image/png;base64,…". Clicca "Copia <img>" qui sopra per ottenere un tag immagine completo e pronto all'uso senza alcuna richiesta di file separata — ideale per email, pagine a file singolo e icone inline. Questo elimina un ulteriore round-trip HTTP e funziona anche quando il file immagine originale non è disponibile.

Inserisci il data URI dentro url() — ad esempio background-image: url("data:image/png;base64,…"). Clicca "Copia CSS" qui sopra per ottenere la regola background-image completa. Incorporare inline sfondi e icone piccoli in questo modo elimina una richiesta HTTP ed è comune per le icone dei design system, gli spinner di caricamento e gli elementi decorativi che cambiano raramente. Rende anche le demo HTML a file singolo completamente autonome.

Nel browser, leggi il file con l'API FileReader: const reader = new FileReader(); reader.onload = () => console.log(reader.result); reader.readAsDataURL(file). reader.result è il data URI completo data:image/...;base64. In React o Next.js, chiama questo codice dentro un useEffect o un handler onChange su un elemento input. Questo convertitore usa esattamente questo approccio, interamente lato client. Puoi usare l'output qui per verificare rapidamente la tua implementazione JavaScript senza configurare un server locale.

Apri il file in modalità binaria e codificalo: import base64; data = base64.b64encode(open('immagine.png', 'rb').read()).decode(); uri = f'data:image/png;base64,{data}'. Con PIL/Pillow puoi prima salvare un'immagine in un buffer BytesIO, poi codificare in base64 i byte del buffer. Usa questo strumento online per verificare che l'output del tuo Python corrisponda a ciò che ti aspetti prima di incorporarlo nel codice di produzione.

Un data URI incorpora i byte dell'immagine direttamente nel tuo HTML, CSS, JSON o email come testo, in modo che l'immagine si carichi con il documento invece che come richiesta HTTP separata. È ideale per icone piccole, loghi in email HTML, demo a file singolo e per archiviare immagini piccole in database o file di configurazione. Gli sviluppatori lo usano anche per evitare le restrizioni CORS quando caricano immagini nelle operazioni canvas sulla stessa pagina. Le favicon vengono comunemente incorporate come data URI nell'head HTML per eliminare un ulteriore round-trip di rete al primo caricamento.

Di solito no. La codifica Base64 aumenta i dati di circa il 33% rispetto al binario originale, e le immagini inline non possono essere memorizzate nella cache separatamente dal browser né caricate in lazy-load con loading="lazy". Riserva il Base64 per asset piccoli che cambiano raramente come favicon, loghi piccoli o sprite di icone sotto ~10 KB. Per foto di grandi dimensioni, immagini hero o asset riutilizzati su molte pagine, usali come normali file immagine serviti con le corrette intestazioni di cache HTTP.

Sì, completamente sicuro. La codifica e la decodifica avvengono interamente nel tuo browser utilizzando le API FileReader e Canvas — le tue immagini non lasciano mai il tuo dispositivo e nulla viene inviato a un server. Questo è un vantaggio fondamentale per la privacy rispetto a strumenti come <strong>base64.guru</strong> e <strong>base64encoder.io</strong>, che caricano le tue immagini sui loro server per elaborarle. Su UtiloKit, le immagini private, riservate o non ancora pubblicate restano sul tuo dispositivo per tutta la conversione. Puoi anche disconnetterti da internet dopo aver caricato la pagina e lo strumento funziona comunque.

Per la codifica funziona qualsiasi formato che il tuo browser riesce a leggere, inclusi PNG, JPEG/JPG, SVG, WebP, GIF, AVIF, BMP e ICO. La decodifica supporta ogni tipo MIME standard data:image/* e mostra un'anteprima del risultato prima del download. I file SVG ricevono una gestione speciale — il loro Base64 può anche essere incorporato direttamente in CSS senza codifica usando url('data:image/svg+xml,…') con la codifica URL, ma il Base64 è più universale e funziona in tutti i browser e client email.

Sì. Usa il pulsante "Copia Markdown" per ottenere , oppure "Copia <img>" per le email HTML. Tieni presente che alcuni client email (in particolare Outlook e l'app mobile di Gmail) rimuovono o bloccano le immagini Base64, quindi fai sempre dei test prima di inviare a un vasto pubblico. Per le campagne newsletter, è più sicuro ospitare le immagini su un CDN e collegarsi a esse. Per le email transazionali a singolo destinatario, il Base64 funziona in modo affidabile nella maggior parte dei client.

Base64.guru e base64encoder.io elaborano entrambi le tue immagini lato server — i tuoi file vengono caricati sulla loro infrastruttura. Il convertitore Immagine in Base64 di UtiloKit gira al 100% nel tuo browser: nessun upload, nessun server, nessun dato archiviato da nessuna parte. UtiloKit fornisce anche snippet pronti all'uso per CSS, HTML e Markdown, supporta la conversione bidirezionale (codifica e decodifica) e funziona offline una volta caricata la pagina. È anche completamente gratuito senza limiti di dimensione file o numero di conversioni.

Completamente gratuito, senza registrazione, senza filigrane e senza limiti di dimensione file o numero di immagini. A differenza di browserling.com, che limita le conversioni immagine gratuite e richiede un piano a pagamento per file oltre una certa dimensione, UtiloKit non ha restrizioni. Poiché è lato client, non ci sono costi per immagine o per banda — converti quante immagini vuoi, grandi quanto la memoria del tuo browser lo consente.

Sì. Lo strumento è completamente responsive e funziona su tutti i browser mobile incluso Safari su iPhone e Chrome su Android. Puoi toccare per selezionare immagini dal rullino fotografico o dall'app File, oppure incollare un URL per caricare un'immagine remota. L'output si copia negli appunti così puoi incollarlo direttamente in Notion, un editor di codice o un'altra app. Non è necessario scaricare nessuna app — basta aprire la pagina nel tuo browser mobile e funziona esattamente come la versione desktop.