Come converto un'immagine in un data URI Base64 per CSS?

Trascina o incolla un'immagine (Ctrl+V), poi apri la scheda CSS e fai clic su Copia. Ottieni una regola background-image: url(...) con il data URI incorporato. Le schede HTML, Markdown, Raw Base64 e JSON funzionano allo stesso modo.

Perché l'output Base64 è circa un terzo più grande della mia immagine?

Base64 trasforma ogni 3 byte in 4 caratteri di testo, quindi il testo è circa il 33% più grande del file. Per questo i data URI vanno bene per piccole icone e loghi, non per foto grandi.

Come posso accorciare la stringa Base64?

Apri prima Riduci e imposta una Larghezza massima o un Formato (WebP, JPEG o PNG), e abbassa la Qualità per WebP o JPEG. I file SVG e GIF non possono essere ridotti in questo modo; per l'SVG è disponibile invece una scheda SVG (codificato per URL).

Posso riconvertire una stringa Base64 in un'immagine?

Sì. Imposta Direzione su Da Base64 a immagine e incolla un data URI o Base64 puro. Riconosce PNG, JPEG, GIF, WebP, SVG, BMP, ICO e AVIF, poi offre il download. Un input non valido mostra un errore.

Perché Copia fallisce o l'anteprima sembra tagliata con un'immagine grande?

L'anteprima mostra solo i primi 2000 caratteri, ma Copia e Scarica forniscono il valore completo. Stringhe molto grandi possono superare il limite degli appunti del browser, quindi usa Scarica o riduci prima l'immagine.

Sì. Ogni strumento è gratuito, senza account e senza carta di credito. L'elaborazione avviene sul tuo dispositivo e non sui nostri server, ed è proprio questo che ci permette di offrirlo gratis.

I miei file vengono caricati?

No. I tuoi file vengono aperti ed elaborati all'interno del browser e non vengono inviati a LibraTool. Alcuni strumenti scaricano prima nel browser un motore di elaborazione o un modello di IA; quel download non contiene dati tuoi.

Sì. Funziona nei browser mobili recenti su iOS e Android, senza installare nulla. I file molto grandi possono essere lenti o esaurire la memoria su un telefono, quindi per quelli usa un computer.

🖼️

Immagine in Base64 gratis

Converti un'immagine in un URI dati Base64 per uso inline in CSS, HTML o Markdown. Copia snippet pronti all'uso. Codificato nel tuo browser; mai caricato.

La dimensione dipende dal tuo dispositivoI file rimangono privatiNessun accesso richiestoGratis per sempre

Funziona offline una volta caricato

Trascina qui un file o fai clic per sfogliare

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · elaborato sul tuo dispositivo

oppure premi Ctrl+V per incollare dagli appunti

Sfoglia file

Suggerimento: puoi anche incollare un'immagine dagli appunti (Ctrl+V).

I tuoi file non lasciano mai il tuo dispositivo. Tutta l'elaborazione avviene localmente nel browser.

Converti un'immagine in un data URI Base64 da incollare direttamente in CSS, HTML o Markdown — nessun file separato necessario. Codificato nel browser; mai caricato.

Usi comuni

Incorpora un'Immagine in CSSIncorpora una piccola icona o sfondo come data URI nel tuo foglio di stile.
Incorpora un'Immagine in HTMLIncorpora un logo o icona direttamente in HTML autonomo.
Converti un SVG o Icona in Base64Trasforma una piccola icona in data URI per l'incorporamento.
Incorpora un'Immagine in MarkdownIncorpora una piccola immagine in un file Markdown con data URI.
Ottieni un Data URI per ImmagineProduci un data URI grezzo che puoi usare ovunque.

Come funziona

Un data URI incorpora un'immagine direttamente nel tuo codice come testo, in modo che si carichi senza una richiesta di file separata — pratico per piccole icone e HTML autonomo. Questo lo codifica nel tuo browser.

1
Trascini un'immagine
Viene letta localmente con l'API FileReader — mai caricata.
2
Viene codificata in Base64
I byte dell'immagine diventano un data: URI (data:image/...;base64,…) direttamente nel tuo browser.
3
Scegli uno snippet
Copia il data URI grezzo, oppure CSS pronto (background-image), HTML (<img>) o Markdown.
4
Incolla nel tuo codice
L'immagine ora viaggia inline con il tuo CSS/HTML — nessun file extra da ospitare.

L'immagine viene codificata interamente sul tuo dispositivo. Nota che Base64 è circa il 33% più grande dell'originale, quindi i data URI sono meglio per le piccole immagini.

Strumenti correlati

🖼️

Steganografia nelle immagini (nascondi testo in un'immagine)

Nascondi un messaggio di testo segreto all'interno di un PNG usando la steganografia del bit meno significativo, con cifratura opzionale AES-256-GCM tramite password. Estrailo in seguito con lo stesso strumento. Tutto funziona nel tuo browser.

ProvaI file rimangono locali

🔢

Codificatore e Decodificatore Base64

Codifica testo o file in Base64, oppure decodifica stringhe Base64 in testo normale. Istantaneo, privato e gratuito.

Prova

🔗

Codificatore e decodificatore URL

Codifica e decodifica URL e stringhe di query. Supporta encodeURIComponent, decodeURIComponent e l'analisi delle stringhe di query.