Convertitore Base64 DataURL

Base64 puro
0 caratteri

Strumento online per convertire tra Base64 puro e il formato data URL completo, con rilevamento automatico del MIME.

Raccomandazioni correlate

Codifica Base64

Decodifica Base64

Unisci Base64 multi-linea

Da Base64 a Immagine

Immagine in Base64

Pulizia Base64

Cos'è un DataURL Base64?

Un DataURL è uno schema URI che incorpora i dati direttamente nell'URL, nel formato data:[<tipo MIME>];base64,<dati Base64>. Permette di includere risorse piccole come immagini, PDF o font direttamente in HTML, CSS o JavaScript, senza richieste HTTP aggiuntive.

**Base64 puro vs DataURL:** il Base64 puro è solo la stringa codificata (es. iVBORw0KGgo...); un DataURL è un URI completo con il prefisso data: e un tipo MIME, pronto per essere usato come valore di src, href, url() e così via.

**A cosa serve questo strumento:** converte tra "stringhe Base64 pure" e "DataURL completi": aggiunge automaticamente il prefisso data: e un tipo MIME al Base64 esistente, oppure estrae la parte di Base64 puro da un DataURL.

**Usi tipici:** ① immagine di sfondo in CSS; ② src inline in HTML <img>; ③ immagini inline in Markdown; ④ incollare immagini in editor di testo avanzato; ⑤ debug dello schema data URI.

Casi d'uso

  • Aggiungere il prefisso data: e un tipo MIME a un Base64 esistente per ottenere un DataURL pronto da incorporare in HTML
  • Estrarre la parte di Base64 puro da un DataURL per riassemblarla o trasmetterla
  • Verificare che il payload Base64 di un data: URI lato front-end sia completo durante il debug
  • Rilevare automaticamente il tipo MIME di un Base64 copiato negli appunti (PNG/JPEG/PDF, ecc.)
  • Preparare un data URL per background-image in CSS o <img src> in HTML
  • Trasformare il Base64 di un'immagine in un DataURL pronto da incollare in un editor Markdown

Come utilizzare

  1. Scegli la direzione: "Aggiungi prefisso" (Base64 puro → DataURL) o "Rimuovi prefisso" (DataURL → Base64 puro).
  2. Incolla il contenuto nella casella a sinistra: Base64 puro in modalità Aggiungi, oppure una stringa data:... in modalità Rimuovi.
  3. In modalità Aggiungi puoi mantenere "Rilevamento automatico" oppure scegliere un tipo MIME specifico dal menu a tendina.
  4. Lo strumento converte in tempo reale e mostra il risultato a destra, pronto da copiare o scaricare come txt.

Funzionalità

  • Conversione bidirezionale: Base64 puro ↔ DataURL
  • 11 tipi MIME predefiniti: immagine, documento, audio, video, testo
  • Rilevamento MIME automatico tramite magic bytes per PNG/JPEG/GIF/WEBP/PDF
  • Eliminazione spazi: rimuove a capo, spazi e caratteri indesiderati
  • Conversione live: l'output viene ricalcolato 300 ms dopo l'input
  • Inversione automatica: input e output si scambiano al cambio di direzione
  • Copia con un clic: copia il risultato negli appunti
  • Download txt: salva il risultato in dataurl-result.txt
  • Layout reattivo: vista split trascinabile su desktop, tab su mobile
  • Tutto nel browser: nessun contenuto viene caricato su un server

Best Practices

Inizia con il rilevamento automatico

se non sei sicuro del tipo MIME, mantieni "Rilevamento automatico" e scegli manualmente solo in caso di errore.

Rispettare i limiti di dimensione

i browser limitano i DataURL a circa 2–4 MB, quindi per i file grandi è meglio usare un URL anziché incorporarli.

Elimina i caratteri indesiderati

il Base64 incollato spesso contiene a capo che lo strumento rimuove automaticamente; usa il Pulitore Base64 per una pulizia più accurata.

Verifica il risultato

dopo la conversione, convalida il DataURL con il Validatore Base64 o con i DevTools del browser per confermare che si carichi.

Controlla dopo l'incollaggio

verifica nella console del browser il risultato decodificato dopo averlo incollato nella destinazione prevista.

Domande frequenti

Il rilevamento automatico è già attivo in modalità Aggiungi?

Sì. Il rilevamento automatico è attivo per default e analizza i primi byte del Base64 (magic bytes) per identificare PNG, JPEG, GIF, WEBP o PDF. Per altri tipi MIME (es. application/json, video/mp4), selezionane uno manualmente dal menu a tendina.

Cosa succede se l'input ha già il prefisso data:?

In modalità Aggiungi, se l'input inizia già con data: lo strumento lo restituisce invariato senza duplicare il prefisso. In modalità Rimuovi, se l'input non è un DataURL, lo strumento elimina gli spazi e restituisce il Base64 puro.

Cosa succede se il rilevamento automatico fallisce?

Se il Base64 non corrisponde a nessun magic byte di PNG/JPEG/GIF/WEBP/PDF, il rilevamento automatico ripiega su application/octet-stream. Scegli un altro tipo MIME manualmente se ti serve qualcosa di diverso.

Quali tipi MIME sono supportati?

image/png, image/jpeg, image/gif, image/webp, image/svg+xml, application/pdf, application/json, text/plain, text/html, audio/mpeg e video/mp4 — 11 tipi comuni in totale.

Ci sono limiti di dimensione per i DataURL nei browser?

Sì. La maggior parte dei browser limita la lunghezza totale di un DataURL (circa 2 MB–4 MB); superarli impedisce il caricamento della risorsa. Per file grandi, usa un URL normale.

Dove si possono usare i DataURL?

In <img src> di HTML, in url() di CSS, nei download con <a href>, in fetch di JavaScript, nella sintassi immagine di Markdown, nelle risorse incorporate in dati JSON e in contesti simili.

I ritorni a capo e gli spazi nel Base64 vengono rimossi automaticamente?

Sì. In modalità Aggiungi i ritorni a capo e gli spazi vengono eliminati prima di aggiungere il prefisso; in modalità Rimuovi gli spazi vengono eliminati anche dopo l'estrazione dal DataURL.

L'input cambia quando inverto la direzione?

Sì. Quando cambi direzione, lo strumento usa l'output corrente come nuovo input per permetterti di continuare senza reincollare.

I miei contenuti vengono caricati su un server?

No. Tutte le conversioni avvengono localmente nel browser; input e output non lasciano il tuo dispositivo.

Glossario

DataURL
Schema URI di dati definito dalla RFC 2397, nel formato data:[<mime>];base64,<data>, utilizzabile come valore di src, href, url() e simili.
Tipo MIME
Identificativo del tipo di media come image/png o application/pdf. Questo strumento supporta 11 tipi MIME comuni e può rilevarli automaticamente.
Magic Bytes
Byte fissi all'inizio di un file usati per identificarne il tipo. Questo strumento rileva PNG/JPEG/GIF/WEBP/PDF analizzando i magic bytes.
Base64
Codifica che rappresenta dati binari usando 64 caratteri stampabili. La parte di payload di un DataURL è in Base64.
Schema Data URI
Protocollo URI data: definito dalla RFC 2397; è il nome formale della specifica del DataURL.

Authoritative References