Immagine & Foto

Convertitore di Immagini in Base64

Trascina un JPG, PNG, WebP, GIF o SVG per ottenere un URL di dati Base64 con snippet pronti per il copia e incolla per CSS, HTML e Markdown — oppure incolla una stringa Base64 per decodificarla di nuovo in un'immagine scaricabile.

Drop your image here

or click to browse — JPG, PNG, WebP, GIF, SVG, BMP, ICO, AVIF up to 10 MB.

Private by design. Images are encoded and decoded entirely in your browser using FileReader and URL decoding. Nothing is uploaded.

Cos'è la codifica delle immagini in Base64?

Base64 è un modo per rappresentare dati binari — come un'immagine — utilizzando solo caratteri ASCII stampabili. La forma URL di dati (una stringa che inizia con data:image/png;base64,...) ti consente di incollare un'intera immagine direttamente in HTML, CSS, JSON, Markdown, una firma email o una risposta del server, senza file separati richiesti. La codifica è senza perdita: decodificare il Base64 restituisce gli stessi byte esatti che sono stati inseriti. Il compromesso è la dimensione — Base64 richiede circa il 33% di caratteri in più rispetto al binario sottostante, quindi un PNG da 100 KB diventa circa 134 KB di testo Base64. Questo lo rende ideale per icone piccole, SVG inline e snippet una tantum, e una scelta scadente per grandi immagini di eroi. Questo strumento codifica qualsiasi immagine che trascini e decodifica qualsiasi stringa Base64 di nuovo in un'immagine scaricabile, con il lavoro svolto interamente nel tuo browser.

Come convertire un'immagine in Base64

1
Scegli una direzione
Usa Immagine → Base64 per codificare un'immagine che hai su disco. Usa Base64 → Immagine per decodificare una stringa che hai copiato da un URL di dati, una risposta API o un file CSS.
2
Trascina la tua immagine
Per la codifica, trascina un JPG, PNG, WebP, GIF, SVG, BMP, ICO o AVIF nell'area di caricamento o clicca per scegliere dal tuo dispositivo. L'immagine viene visualizzata in anteprima nella parte superiore della scheda dei risultati.
3
Copia lo snippet di cui hai bisogno
Vengono generati cinque snippet pronti per il copia e incolla: l'URL di dati completo, il Base64 grezzo (senza prefisso), CSS background-image, tag HTML <img> e immagine Markdown. Clicca su Copia su quello che desideri.
4
Oppure incolla una stringa Base64 da decodificare
Passa a Base64 → Immagine, incolla un URL di dati completo o la parte Base64 grezza. Lo strumento aggiunge automaticamente padding a stringhe brevi e assume PNG quando il prefisso è mancante — clicca su Decodifica per visualizzare l'anteprima.
5
Scarica l'immagine decodificata
Una volta decodificata, la scheda di anteprima mostra le dimensioni dell'immagine e una dimensione del file stimata. Clicca su Scarica per salvare i byte originali di nuovo su disco con l'estensione corretta.

Come funziona la codifica delle immagini Base64

1. Il FileReader.readAsDataURL() del browser legge il file immagine come binario.
2. Raggruppa i byte in blocchi di 3 (24 bit) e ricodifica ogni blocco come 4 caratteri ASCII.
3. L'alfabeto di 64 caratteri è A-Z, a-z, 0-9, più '+' e '/' (con '=' per il padding).
4. L'output è prefissato con 'data:<mime>;base64,' per renderlo un URL dati utilizzabile.
5. La decodifica inverte ogni passaggio: rimuovi il prefisso, normalizza le varianti sicure per l'URL, aggiungi padding a un multiplo di 4.
6. I byte decodificati sono avvolti in un Blob ed esposti tramite createObjectURL — o semplicemente utilizzati come URL dati direttamente.

Il sovraccarico del 33% delle dimensioni è incorporato nella matematica: 3 byte di binario diventano 4 byte di ASCII, un rapporto di 4/3. Questo è un limite rigido — non esiste una variante Base64 compressa in uso diffuso. Il prefisso MIME in un URL dati non è un abbellimento opzionale: i browser, i renderer Markdown e i client email lo usano per decidere come rendere i byte. Se incolli Base64 grezzo senza il prefisso 'data:image/...', questo strumento predefinisce a PNG, che è una scommessa sicura per screenshot e icone ma può produrre un'anteprima corrotta se la sorgente era in realtà JPG. La prassi migliore è mantenere il formato completo dell'URL dati ogni volta che copi o incolli.

Riferimento: MDN — URL dati

Lavori comuni con immagini Base64

Caso d'uso	Miglior snippet da copiare
Includi un'icona piccola direttamente in CSS	Copia lo snippet background-image CSS. Elimina una richiesta HTTP per icone sotto ~5 KB. Funziona bene per spinner, segni di spunta, icone in stile sprite.
Incorpora un'immagine in una risposta JSON o REST API	Copia lo snippet URL dati. Il destinatario può incollarlo direttamente in <img src> o in uno sfondo CSS. Comune per app di chat, screenshot e caricamenti di avatar.
Incolla uno screenshot in un post di blog Markdown o in un problema GitHub	Copia lo snippet immagine Markdown. Rende inline senza caricare su un CDN. Alcuni renderer Markdown (GitHub) rifiutano URL dati molto grandi — mantienilo piccolo.
Decodifica una stringa Base64 da un'email o API in un file utilizzabile	Passa a Base64 → Immagine, incolla la stringa, premi Decodifica, poi Scarica. Funziona anche per Base64 grezzo — predefinisce a PNG quando il MIME è mancante.

Quando utilizzare immagini Base64

Includi icone piccole o spinner direttamente in CSS per saltare un round-trip HTTP.
Incorpora immagini in un singolo file HTML autonomo (documenti offline, un CV, un'esportazione di diagrammi).
Invia immagini attraverso un canale solo JSON — REST API, protocollo chat, payload webhook.
Incolla uno screenshot inline in un problema GitHub, pagina Notion o bozza di blog Markdown.
Decodifica un'immagine Base64 ricevuta da un'API o email in un file scaricabile.
Genera un URL dati segnaposto per uno scheletro di caricamento solo CSS.
Audita o ispeziona i contenuti di un URL dati che qualcuno ti ha dato prima di salvare il file.

Strumenti correlati

Rimuovi Sfondo

Ritaglia il soggetto da qualsiasi foto con AI su dispositivo — nessun upload richiesto.

Compressore di Immagini

Riduci le dimensioni dei file JPG, PNG o WebP nel tuo browser con un cursore di qualità interattivo.

Editor Fotografico

Regola, filtra, ruota e ritaglia foto nel browser — senza caricamenti, senza filigrana.

Creatore di Meme

Crea meme e collage di screenshot con veri livelli — incolla, trascina, ritaglia, aggiungi didascalie, esporta.

Domande frequenti

Quando dovrei usare un URL dati Base64 invece di un file immagine normale?

Quando l'immagine è piccola (sotto circa 5 KB), utilizzata in un solo posto, e risparmiare una richiesta HTTP conta più del caching. Icone piccole, SVG inline e firme email una tantum sono perfette. Le immagini hero, le foto e le risorse riutilizzabili dovrebbero rimanere come file separati — il browser può memorizzarle nella cache, e Base64 gonfia la dimensione totale della pagina di circa il 33%.

Perché la stringa Base64 è più grande dell'immagine originale?

Base64 utilizza 4 caratteri ASCII per rappresentare ogni 3 byte di binario, quindi l'output è sempre circa il 33% più grande del file sottostante. Questo è un limite matematico rigido, non una stranezza di questo strumento. Se la dimensione conta, ottimizza prima l'immagine (l'Image Compressor è buono per questo) prima di codificare.

Le mie immagini sono caricate da qualche parte?

No. La codifica utilizza l'API FileReader del browser e la decodifica utilizza la manipolazione delle stringhe nativa — entrambi funzionano interamente nella tua scheda. Puoi verificare nella scheda di rete che nessun byte di immagine lascia la pagina dopo il caricamento.

Perché la mia immagine decodificata sembra corrotta?

La causa più comune è un prefisso MIME mancante o errato su una stringa Base64 grezza — questo strumento indovina PNG quando non è presente alcun prefisso, il che corrompe un JPG o WebP. Incolla l'URL dati completo ogni volta che è possibile. Altre cause: la stringa è stata troncata in transito, o è stata codificata in URL e non decodificata in URL prima di incollare.

Quali tipi MIME può produrre il decoder?

Qualunque MIME dichiari l'URL dati: image/png, image/jpeg, image/webp, image/gif, image/svg+xml, image/bmp, image/x-icon, o image/avif. Il download utilizza automaticamente l'estensione corretta. Per Base64 grezzo senza prefisso, lo strumento predefinisce a PNG, che è la scommessa più sicura per screenshot e icone.

C'è una dimensione massima per le immagini?

10 MB per file. Oltre a questo, le stringhe Base64 diventano ingombranti nel browser e la maggior parte dei consumatori (renderer Markdown, parser JSON, limiti degli URL dati dei browser) le rifiuta. Se hai bisogno di incorporare qualcosa di più grande, quasi certamente vuoi un URL di file reale.

Qual è la differenza tra questo e lo strumento Encoder Base64?

L'Encoder Base64 funziona con input di testo arbitrari — utile per intestazioni di autenticazione di base, credenziali codificate in JSON e altri compiti per sviluppatori. Questo strumento è specifico per le immagini: produce URL dati completi con il prefisso MIME corretto e gli snippet pronti per l'incolla che desideri effettivamente quando incorpori un'immagine.

Ultimo aggiornamento 2026-04-29

Cos'è la codifica delle immagini in Base64?

Come convertire un'immagine in Base64

Scegli una direzione

Usa Immagine → Base64 per codificare un'immagine che hai su disco. Usa Base64 → Immagine per decodificare una stringa che hai copiato da un URL di dati, una risposta API o un file CSS.

Trascina la tua immagine

Per la codifica, trascina un JPG, PNG, WebP, GIF, SVG, BMP, ICO o AVIF nell'area di caricamento o clicca per scegliere dal tuo dispositivo. L'immagine viene visualizzata in anteprima nella parte superiore della scheda dei risultati.

Copia lo snippet di cui hai bisogno

Vengono generati cinque snippet pronti per il copia e incolla: l'URL di dati completo, il Base64 grezzo (senza prefisso), CSS background-image, tag HTML <img> e immagine Markdown. Clicca su Copia su quello che desideri.

Oppure incolla una stringa Base64 da decodificare

Passa a Base64 → Immagine, incolla un URL di dati completo o la parte Base64 grezza. Lo strumento aggiunge automaticamente padding a stringhe brevi e assume PNG quando il prefisso è mancante — clicca su Decodifica per visualizzare l'anteprima.

Scarica l'immagine decodificata

Una volta decodificata, la scheda di anteprima mostra le dimensioni dell'immagine e una dimensione del file stimata. Clicca su Scarica per salvare i byte originali di nuovo su disco con l'estensione corretta.

Come funziona la codifica delle immagini Base64

1. Il FileReader.readAsDataURL() del browser legge il file immagine come binario.
2. Raggruppa i byte in blocchi di 3 (24 bit) e ricodifica ogni blocco come 4 caratteri ASCII.
3. L'alfabeto di 64 caratteri è A-Z, a-z, 0-9, più '+' e '/' (con '=' per il padding).
4. L'output è prefissato con 'data:<mime>;base64,' per renderlo un URL dati utilizzabile.
5. La decodifica inverte ogni passaggio: rimuovi il prefisso, normalizza le varianti sicure per l'URL, aggiungi padding a un multiplo di 4.
6. I byte decodificati sono avvolti in un Blob ed esposti tramite createObjectURL — o semplicemente utilizzati come URL dati direttamente.

Lavori comuni con immagini Base64

Caso d'uso	Miglior snippet da copiare
Includi un'icona piccola direttamente in CSS	Copia lo snippet background-image CSS. Elimina una richiesta HTTP per icone sotto ~5 KB. Funziona bene per spinner, segni di spunta, icone in stile sprite.
Incorpora un'immagine in una risposta JSON o REST API	Copia lo snippet URL dati. Il destinatario può incollarlo direttamente in <img src> o in uno sfondo CSS. Comune per app di chat, screenshot e caricamenti di avatar.
Incolla uno screenshot in un post di blog Markdown o in un problema GitHub	Copia lo snippet immagine Markdown. Rende inline senza caricare su un CDN. Alcuni renderer Markdown (GitHub) rifiutano URL dati molto grandi — mantienilo piccolo.
Decodifica una stringa Base64 da un'email o API in un file utilizzabile	Passa a Base64 → Immagine, incolla la stringa, premi Decodifica, poi Scarica. Funziona anche per Base64 grezzo — predefinisce a PNG quando il MIME è mancante.

Quando utilizzare immagini Base64

Includi icone piccole o spinner direttamente in CSS per saltare un round-trip HTTP.

Incorpora immagini in un singolo file HTML autonomo (documenti offline, un CV, un'esportazione di diagrammi).

Invia immagini attraverso un canale solo JSON — REST API, protocollo chat, payload webhook.

Incolla uno screenshot inline in un problema GitHub, pagina Notion o bozza di blog Markdown.

Decodifica un'immagine Base64 ricevuta da un'API o email in un file scaricabile.

Genera un URL dati segnaposto per uno scheletro di caricamento solo CSS.

Audita o ispeziona i contenuti di un URL dati che qualcuno ti ha dato prima di salvare il file.