Che cos'è Immagine in Base64?
Immagine in Base64 converte un file immagine in una stringa codificata Base64 utilizzando l'API FileReader integrata nel browser. L'output può essere formattato come stringa Base64 grezza, data URI completo, dichiarazione CSS background-image o tag HTML img —a seconda delle esigenze d'uso.
Come usare Immagine in Base64
- Trascina un file immagine nell'area di rilascio oppure fai clic per sfogliare.
- Scegli un formato di output: Data URI, Base64 grezzo, background-image CSS o tag HTML img.
- Copia il risultato negli appunti con un clic.
- Incolla direttamente in HTML, CSS, JSON o qualsiasi altra destinazione.
Comprendi la codifica delle immagini Base64 ▾
Esempio
Casi d'uso comuni
- Incorpora un piccolo logo in un'email HTML
- Incorpora uno spinner o un'icona in un file CSS
- Passa i dati dell'immagine come stringa JSON a un'API
- Crea file HTML autonomi con immagini incorporate
Perché usare questo strumento
- Quattro formati di output: data URI, Base64 grezzo, CSS e HTML.
- Mostra la dimensione originale rispetto a quella codificata e l'aumento in %.
- Avvisa quando l'immagine è abbastanza grande da influire sulle prestazioni della pagina.
- Nessun caricamento di file: tutto viene eseguito nel browser.
Domande frequenti
Base64 è un modo per codificare dati binari (come un'immagine) come stringa ASCII in testo semplice. Un data URI è una stringa Base64 preceduta dal tipo MIME, formattata come data:image/png;base64,... —questa può essere inserita direttamente nell'attributo src di un tag img o in un background-image CSS per incorporare l'immagine senza una richiesta separata del file.
I data URI sono ideali per piccole icone, loghi o immagini inline nelle email HTML in cui i riferimenti a file esterni potrebbero essere bloccati. Per immagini grandi aumentano il peso della pagina e possono peggiorare le prestazioni, quindi usali con moderazione.
No. L'API FileReader codifica l'immagine direttamente nel tuo browser. L'immagine non lascia mai il tuo dispositivo.
La codifica Base64 aumenta la dimensione dei dati di circa il 33% perché ogni gruppo di 3 byte di dati binari diventa 4 caratteri ASCII. Un'immagine da 100 KB diventa circa 133 KB come stringa Base64.