TanodTools
IT

Da immagine a Base64

Trasforma un'immagine in un data URL Base64 da incollare direttamente in HTML, CSS, Markdown o JSON.

I tuoi file non lasciano mai il tuo dispositivo

Rilascia un'immagine qui

PNG, JPEG, WebP, GIF, BMP, AVIF o SVG. Oppure trascinala in un punto qualsiasi di questa pagina.

Aperto su questo dispositivo. Non viene caricato nulla.

Un'immagine alla volta, fino a 10 MB. PNG, JPEG, WebP, GIF, BMP, AVIF e SVG.

Come convertire un'immagine in Base64

  1. Scegli un'immagine, oppure trascinala nella pagina.
  2. Scegli la forma che ti serve: data URL, Base64 semplice, CSS, un tag HTML img o Markdown.
  3. Premi Copia, oppure scarica il testo come file.

Incorporare le immagini come testo

HTML, CSS, JSON, Markdown e corpi delle email sono testo, ma le immagini sono binarie. Base64 fa da ponte scrivendo i byte dell'immagine con 64 caratteri sicuri, così l'intera immagine può stare dentro una regola di un foglio di stile, un tag img o un file di configurazione senza un download separato.

Questo strumento legge il file nel browser, controlla il suo tipo reale dai primi byte e costruisce intorno al testo codificato il frammento che scegli. L'immagine in sé non cambia: decodificando il Base64 si ottiene di nuovo il file originale identico.

Suggerimenti

  • Riduci prima l'immagine con Comprimi immagine o Ridimensiona immagine: ogni byte risparmiato ne fa risparmiare un terzo in più in Base64.
  • Per le icone semplici, un SVG è spesso più piccolo di qualsiasi PNG, anche in Base64.
  • Per decodificare il Base64 in un file, o per codificare qualsiasi altro file, usa Codifica e decodifica Base64.

Domande frequenti

Che cos'è un data URL?

Un modo per mettere i byte di un file dentro un link. Inizia con data:, il tipo di file come image/png e ;base64,, seguiti dal testo Base64. I browser lo mostrano esattamente come se l'immagine fosse stata caricata da un file separato.

Perché il Base64 è più grande dell'immagine?

Base64 scrive ogni 3 byte come 4 caratteri di testo, quindi il testo è circa il 33% più grande del file. I server web che comprimono il testo recuperano una parte della differenza, ma un'immagine incorporata resta comunque più grande della stessa immagine servita da sola.

Quando conviene incorporare un'immagine?

Per cose piccole: icone, sfondi minuscoli e segnaposto di pochi kilobyte, oppure quando serve un unico file HTML o un'email autonoma. Le immagini grandi stanno meglio come file separati, perché un data URL non può essere messo in cache da solo e viene scaricato di nuovo con ogni pagina o foglio di stile che lo contiene. Lo strumento ti avvisa sopra i 100 KB.

Come viene deciso il tipo di file?

Dai byte contenuti nel file, non dal nome, quindi un PNG salvato con estensione .jpg ottiene comunque image/png. I file SVG vengono riconosciuti dal testo ed etichettati come image/svg+xml.

La mia immagine viene caricata?

No. L'immagine viene letta e codificata nel tuo browser, sul tuo dispositivo.