Come convertire un'immagine in Base64
- Trascina un'immagine nel riquadro, fai clic per sceglierne una oppure incollala dagli appunti con Ctrl+V.
- Scegli il formato di output: data URI, Base64 puro, HTML, CSS, Markdown o JSON.
- Fai clic su Copia e incolla il codice nel tuo HTML, CSS, template email o richiesta API.
Quando conviene incorporare le immagini in Base64?
Le immagini Base64 inline fanno risparmiare una richiesta HTTP: una soluzione utile per piccole icone, firme email, documenti HTML in un unico file e payload di API. Poiché il Base64 è circa il 33% più grande del file originale e non può essere memorizzato separatamente nella cache, usa i normali file immagine per le foto e per tutto ciò che supera qualche kilobyte.
I formati di output in breve
- Data URI –
data:image/png;base64,…per gli attributisrce i CSS. - Solo Base64 – la stringa pura per API e database.
- HTML / CSS / Markdown – snippet completi da incollare direttamente.
- JSON – nome del file, tipo MIME e dati in un unico oggetto.
Domande frequenti
Convertire in Base64 rende l'immagine più pesante?
Sì, di circa un terzo. Un PNG da 30 KB diventa circa 40 KB di testo Base64. Se il peso conta, comprimi o ridimensiona prima l'immagine.
Quali formati di immagine posso convertire?
Qualsiasi formato che il tuo browser riesce ad aprire: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF e altri. Il tipo MIME corretto viene aggiunto automaticamente al data URI.
Come si usa un'immagine Base64 nei CSS?
Scegli il formato CSS e incolla il risultato nella tua regola, ad esempio .logo { background-image: url("data:image/png;base64,…"); }.