Come converto un'immagine in una data URI Base64?

Trascina o carica l'immagine nel riquadro. Lo strumento genera subito la data URI completa, prefisso data:image/png;base64, incluso, nel riquadro di output. Premi Copia e incolla la stringa nel tuo HTML o CSS.

La data URI include il prefisso necessario per HTML e CSS?

Sì. La stringa inizia con il prefisso corretto data:image/...;base64, così puoi incollarla direttamente nell'attributo src di un tag img o nel valore url() di un CSS senza modificare nulla.

Quali formati immagine posso convertire in Base64?

Funziona con qualsiasi immagine standard del browser, inclusi PNG, JPG, GIF, WebP e SVG. L'output mantiene il formato originale, quindi trasparenza e vettori vengono preservati.

È sicuro convertire immagini private qui?

Sì. La conversione avviene localmente nel browser, senza alcun upload, quindi l'immagine non lascia mai il tuo dispositivo. Nulla viene salvato su un server.

Immagine in Base64

Trascina qui la tua immagine

o Sfoglia file Resta sul tuo dispositivo. Niente viene caricato.

Cosa fa lo strumento Immagine in Base64

Questo strumento trasforma qualsiasi immagine (PNG, JPG, GIF, SVG, WebP) in una stringa data URI Base64 che puoi incollare direttamente in HTML, CSS, JSON o nel modello di un’email. Invece di collegare un file .png separato, l’intera immagine vive nel codice come testo, quindi hai un file in meno da ospitare e una richiesta di rete in meno da attendere. È comodo per piccole icone, loghi inline, immagini di sfondo CSS, favicon e demo veloci in cui non vuoi gestire file di asset. Sviluppatori front-end, chi scrive email in HTML e chiunque debba incorporare un logo in una pagina statica ne trarranno il massimo vantaggio.

Come usarlo

Trascina un’immagine nel riquadro, oppure cliccaci sopra per sfogliare e scegliere un file dal tuo dispositivo.
Lo strumento legge il file, ne mostra dimensioni e peso, poi genera la data URI in automatico. Non ci sono impostazioni extra da regolare.
Leggi il risultato nel riquadro “data URI Base64”. La stringa include già il prefisso data:image/...;base64, quindi è pronta all’uso.
Premi Copia per prendere l’intera stringa e incollala nel tuo <img src="">, nel url() del CSS o dove ti serve.

Perché convertire qui

La conversione avviene interamente nel browser tramite il FileReader integrato, quindi la tua immagine non viene mai caricata da nessuna parte. Questo mantiene private le grafiche riservate e fa apparire il risultato nell’istante in cui il file viene letto. È gratis, non richiede alcun account e funziona allo stesso modo su telefono, tablet o portatile. Poiché l’output mantiene il formato originale, un PNG trasparente resta trasparente e un SVG resta un SVG.

Consigli utili

Le stringhe Base64 risultano circa il 33 percento più grandi del file originale, quindi questo metodo è ideale per immagini piccole. Per foto pesanti, un normale link ospitato è di solito più leggero. Devi convertire un’intera cartella di icone in una volta sola? L’app desktop BulkPro dello stesso team gestisce le elaborazioni in blocco. Trovi altri strumenti nella categoria immagini.

Domande frequenti

Come converto un'immagine in una data URI Base64?: Trascina o carica l'immagine nel riquadro. Lo strumento genera subito la data URI completa, prefisso data:image/png;base64, incluso, nel riquadro di output. Premi Copia e incolla la stringa nel tuo HTML o CSS.
La data URI include il prefisso necessario per HTML e CSS?: Sì. La stringa inizia con il prefisso corretto data:image/...;base64, così puoi incollarla direttamente nell'attributo src di un tag img o nel valore url() di un CSS senza modificare nulla.
Quali formati immagine posso convertire in Base64?: Funziona con qualsiasi immagine standard del browser, inclusi PNG, JPG, GIF, WebP e SVG. L'output mantiene il formato originale, quindi trasparenza e vettori vengono preservati.
È sicuro convertire immagini private qui?: Sì. La conversione avviene localmente nel browser, senza alcun upload, quindi l'immagine non lascia mai il tuo dispositivo. Nulla viene salvato su un server.