IT

Convertire un’immagine in Base64

Questo strumento converte un’immagine in Base64 e ti fornisce subito una Data URL, un tag HTML, uno sfondo CSS, Markdown o JSON da copiare. Se vuoi, prima riduce l’immagine o la converte in PNG, JPG o WebP. Nella direzione opposta, il decodificatore mostra l’immagine contenuta in un testo Base64 e la salva come file.

Fonte: RFC 2397, RFC 2397 – The "data" URL scheme. Aggiornato al: .

Trascina qui i tuoi file oppure

Un’immagine (JPG, PNG, GIF, WebP, SVG, ICO…), fino a 10 MB

Suggerimento: puoi anche incollare le immagini con Ctrl + V.

I tuoi file vengono elaborati solo nel browser e non vengono caricati su alcun server: non lasciano mai il tuo dispositivo.

Codice Base64

Scegli un’immagine: qui comparirà il codice Base64.

I miei strumenti

Risultato

Come si calcola

Come convertire un’immagine in Base64

  1. Trascina un’immagine, selezionala o incollala con Ctrl + V. Il codice Base64 compare subito.
  2. Scegli l’output: Data URL per src o url(), solo Base64 per le API, un tag img HTML pronto con larghezza e altezza, una riga CSS per background-image, Markdown o JSON.
  3. Copialo o salvalo come file di testo.

Una Data URL segue la RFC 2397: data:image/png;base64, seguito dai byte dell’immagine in Base64 secondo la RFC 4648. Il tipo MIME viene riconosciuto dal contenuto del file, non dall’estensione: un PNG chiamato .jpg riceve correttamente image/png.

Quanto pesa un’immagine in Base64?

Il Base64 trasforma ogni gruppo di 3 byte in 4 caratteri, quindi il testo è circa il 33% più grande del file: un’immagine da 30 KB diventa circa 40.000 caratteri. Per questo il Base64 conviene soprattutto per grafiche piccole come icone, loghi, immagini nelle e-mail, file HTML autonomi e CSS. Riduci prima le foto grandi con «Riduci alla larghezza» o convertile in WebP o JPG.

Da Base64 a immagine

In modalità «Base64 → immagine» incolla una Data URL, una riga CSS intera, un tag img o solo il testo Base64 – anche con a capo, senza i segni di uguale finali o nella variante sicura per URL con - e _. Lo strumento riconosce JPG, PNG, GIF, WebP, BMP, TIFF, AVIF, HEIC, SVG e ICO, mostra peso e dimensioni e salva il file con l’estensione giusta. Se il tipo indicato nella Data URL non corrisponde al contenuto, compare un avviso.

Privacy e limiti

Immagini e testo incollato restano nel browser: nulla viene caricato o salvato. Si possono codificare immagini fino a 10 MB; SVG e ICO restano invariati. Per testi o file qualsiasi usa codifica e decodifica Base64; per cambiare il formato di un’immagine c’è il convertitore di immagini, e per alleggerirla puoi comprimere l’immagine.

Domande frequenti

Come si converte un’immagine in Base64?

Scegli l’immagine qui e il codice compare subito. Come Data URL inizia con data:image/…;base64, e si usa direttamente in HTML o CSS.

Come si inserisce un’immagine Base64 in HTML?

Scegli l’output «HTML <img>» e copialo: <img src="data:image/png;base64,…" alt="…">. Lo strumento aggiunge larghezza e altezza.

Come si riconverte il Base64 in immagine?

Passa a «Base64 → immagine», incolla il testo e clicca su «Mostra immagine». L’immagine compare e si salva con l’estensione corretta.

Perché il codice Base64 è più grande dell’immagine?

Il Base64 rappresenta ogni 3 byte con 4 caratteri di testo, quindi il codice è circa un terzo più grande del file.

Posso convertire un SVG in Base64?

Sì. L’SVG viene codificato invariato con il tipo image/svg+xml, per esempio per gli sfondi CSS.

La mia immagine viene caricata su un server?

No. Codifica e decodifica avvengono interamente nel tuo browser e non viene salvato nulla.

Fonti e riferimenti normativi

Aggiornato al: · Principi editoriali

Strumenti correlati