Da immagine a Base64

Converti un'immagine in Base64 quando devi incorporare una piccola risorsa in HTML, CSS, JSON, un modello email, una fixture di test o un payload API senza fare riferimento a un file immagine separato.

Scegli l'output Base64 giusto

• URL di dati include il tipo MIME dell'immagine e può essere usato nell'attributo HTML src .
• Base64 grezzo contiene solo i byte codificati per API o campi di archiviazione che forniscono il tipo separatamente.
• CSS url() racchiude l'URL di dati per utilizzarlo direttamente in una dichiarazione del foglio di stile.

Quando dovrebbe essere incorporata un'immagine?

L'incorporamento può semplificare una demo autonoma, una piccola icona, un documento offline o una fixture generata. Base64 non comprime l'immagine e in genere rende i dati codificati circa un terzo più grandi del file originale. Per foto di grandi dimensioni e risorse riutilizzate spesso è preferibile usare file separati memorizzabili nella cache.

I byte dell'immagine originale vengono conservati: cambiare il tipo di output non ridimensiona né ricomprime l'immagine. Lettura, anteprima, copia e salvataggio avvengono localmente nel browser.

Strumenti correlati: Da Base64 a immagine · Codifica Base64 · Convertitore di immagini