Immagine in Base64

Converti qualsiasi immagine in un data URI Base64 istantaneamente. Copia la stringa codificata per sfondi CSS, tag img HTML o incorpora direttamente in JSON.

PNG · JPG · GIF · SVG · WebPCodifica immediataNessun upload

① Trascina o seleziona un file immagine ② Scegli il formato (Base64 / Data URL) ③ Copia la stringa codificata

Trascina l'immagine quiPNG, JPG, GIF, SVG, WebP — o clicca per sfogliare
Come funziona

L'API FileReader legge il file immagine e lo converte in un data URI codificato Base64. Tutto nel browser — il file non lascia mai il dispositivo.

Cos'è Base64?

Base64 codifica dati binari come testo ASCII usando 64 caratteri stampabili. Un data URI combina il tipo MIME e la stringa Base64 in un'unica stringa incorporabile che inizia con data:.

Quando usarlo

Usa immagini Base64 per eliminare le richieste HTTP per piccole icone, incorporare immagini in CSS, memorizzare immagini in API JSON, o usarle in HTML email dove le immagini esterne sono bloccate.

Immagine in Base64 — come funziona la codifica data URI

La codifica Base64 converte i dati binari (come i file immagine) in una stringa di testo usando solo caratteri ASCII. Un Data URL (data:image/png;base64,…) incorpora i dati codificati direttamente in un file HTML o CSS, eliminando la necessità di una richiesta HTTP separata. La stringa è generata dall'API FileReader interamente lato client. Ideale per piccole icone in tag <img src="data:...">, CSS background-image o API JSON. La stringa codificata è circa il 33% più grande del binario originale.

Domande frequenti

La codifica Base64 converte i dati binari dell'immagine in una stringa di caratteri ASCII. Un data URI racchiude questa stringa con un prefisso MIME type (es. data:image/png;base64,...) così può essere usata ovunque si aspetti un URL.
L'API FileReader del browser legge il file come buffer binario, poi codifica ogni 3 byte di dati binari come 4 caratteri Base64. Il risultato è una stringa autonoma che include il tipo di file e tutti i dati pixel.
Una stringa Base64 è solo i dati grezzi codificati. Un data URI è la stringa completa incorporabile: data:[MIME type];base64,[stringa Base64]. Per usare un'immagine in HTML o CSS serve il data URI completo.
Qualsiasi formato immagine leggibile dal browser: PNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF. Il tipo MIME viene rilevato automaticamente.
Le immagini codificate in Base64 sono circa il 33% più grandi del file binario originale. Non possono essere memorizzate nella cache separatamente. È meglio usare Base64 solo per immagini inferiori a 10–20 KB.
In CSS: background-image: url('data:image/png;base64,...'). Il pulsante 'Copia come sfondo CSS' formatta il valore pronto da incollare nel foglio di stile.
No. La conversione avviene nel browser tramite FileReader API. Il file immagine non lascia mai il dispositivo.

Esplora il Nostro Network