Converti tra file immagine e Base64 (Data URI)
Converti in 3 semplici passaggi:
Trascina e rilascia il file immagine qui, o clicca per selezionare
Formati supportati: PNG, JPEG, GIF, WebP, SVG (max 10MB consigliato)
La codifica Base64 delle immagini è comunemente utilizzata nello sviluppo web per i seguenti scopi:
Incorpora piccole icone o immagini di logo direttamente nei tag <img> HTML o nelle proprietà background-image CSS per ridurre le richieste HTTP e migliorare la velocità di caricamento della pagina. Particolarmente utile come alternativa ai font icona.
Invece di combinare più piccole immagini in un unico file 'sprite CSS', codifica ogni immagine in Base64 e incorporala in CSS per una gestione più semplice.
Alcuni client di posta elettronica bloccano il caricamento di immagini esterne. L'incorporazione di immagini importanti (come i logo) come Data URIs assicura che vengano visualizzate in modo affidabile.
Quando si inviano/ricevono dati immagine tramite API JSON, la codifica Base64 consente di gestire i dati binari come formato di testo. Trasferisci immagini in un semplice formato JSON senza comunicazione multipart.
Nelle Progressive Web Apps (PWA) o nelle app Electron, l'incorporazione di immagini codificate in Base64 in HTML garantisce che le immagini vengano visualizzate in modo affidabile anche in ambienti offline.
L'uso di immagini codificate in Base64 in framework multipiattaforma come React Native, Ionic e Flutter unifica la gestione delle immagini su tutte le piattaforme.
Data URI (chiamato anche Data URL) è uno schema URL che consente di incorporare piccoli file come immagini o font direttamente in HTML o CSS. Converte il contenuto del file in testo utilizzando la codifica Base64 e lo rappresenta come parte di un URL.
Data URI è scritto nel seguente formato:
data:[tipo MIME];[metodo di codifica],[dati codificati] Esempio (PNG): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...
Tutti i formati di immagine supportati dal browser, inclusi PNG, JPEG, GIF, WebP e SVG, possono essere convertiti. PNG e JPEG sono i più comuni.
Non esiste un limite tecnico, ma per motivi di prestazioni e memoria del browser, si consigliano 10MB o meno. In pratica, le immagini di 5KB o meno sono le più efficaci.
La codifica Base64 aumenta la dimensione del file a circa il 133% dell'originale (circa il 33% di aumento). Ad esempio, un'immagine di 9KB diventa una stringa Base64 di circa 12KB.
Sì, le immagini PNG trasparenti possono essere convertite così come sono. Le informazioni sulla trasparenza vengono mantenute, quindi vengono visualizzate correttamente con trasparenza quando incorporate in HTML o CSS.
Incolla direttamente nell'attributo src del tag <img>. Esempio: <img src="data:image/png;base64,iVBORw0KG...">
Incolla all'interno della funzione url() in questo modo: background-image: url('data:image/png;base64,iVBORw0KG...');
No, tutta l'elaborazione viene eseguita nel tuo browser. I dati delle immagini non vengono mai trasmessi a nessun server.
Sì, questo strumento è completamente gratuito e può essere utilizzato liberamente sia per scopi commerciali che non commerciali.
Encode image data in Base64
Convert image file formats
Encode and decode Base64