Vai al contenuto
SPCXTools

Immagine in Base64

Trasforma qualsiasi immagine in un Data URI Base64 e copiala come semplice Base64, background CSS, tag img HTML o Markdown.

Funziona localmente: i file non lasciano mai il tuo dispositivo

Caricamento strumento…

Come usare Immagine in Base64

  1. 1Scegli un'immagine o trascinala sulla pagina.
  2. 2Scegli il formato di output — Data URI, semplice Base64, CSS, HTML o Markdown.
  3. 3Controlla le dimensioni codificate mostrate accanto all'anteprima.
  4. 4Fai clic su Copia e incolla il codice dove ti serve.

Incorpora immagini direttamente nel codice

A volte hai bisogno di un'immagine senza usare un file separato: un'icona in un foglio di stile, un logo in un report HTML a file singolo, un placeholder in una risposta API JSON, un'immagine in un documento Markdown o uno sfondo in una libreria di componenti. Questo convertitore codifica qualsiasi immagine in Base64 e la formatta pronta da incollare — come data URI, Base64 puro, un background-image CSS, un tag <img> HTML o sintassi immagine Markdown.

Funzionalità

  • Tutti i formati di immagine più comuni: PNG, JPG, GIF, WebP, AVIF, SVG, ICO e altri.
  • Cinque formati di output per diversi utilizzi.
  • Confronto delle dimensioni tra il file originale e il testo codificato.
  • Anteprima dell'immagine con sfondo a scacchi per la trasparenza.
  • Copia con un clic.
  • Privato: il file non esce mai dal tuo browser.

Esempi di output

Formato Aspetto
Data URI data:image/png;base64,iVBORw0KGgo…
Base64 iVBORw0KGgo…
CSS background-image: url("data:image/png;base64,…");
HTML <img src="data:image/png;base64,…" alt="logo">
Markdown ![logo](data:image/png;base64,…)

Mantieni piccole le immagini incorporate

Le immagini incorporate non possono essere memorizzate nella cache in modo indipendente e vengono scaricate di nuovo con ogni copia della pagina o del foglio di stile che le contiene. Come regola generale, incorpora solo immagini di dimensioni inferiori a qualche kilobyte. Riduci prima le immagini con Comprimi Immagine, converti le icone vettoriali con Da SVG a PNG se serve una bitmap, oppure codifica altri file e testi con il codificatore Base64.

Domande frequenti

Cos'è un data URI?
Un data URI incorpora un file direttamente nel testo, nel formato data:image/png;base64, seguito dai byte codificati. I browser lo mostrano esattamente come un'immagine caricata da un URL, ma senza bisogno di una richiesta separata.
Perché la versione Base64 è più grande dell'immagine?
La codifica Base64 converte ogni 3 byte in 4 caratteri di testo, quindi il risultato è circa il 33% più grande del file originale. Se la pagina usa la compressione gzip o Brotli, parte di questo peso extra viene recuperato.
Quando conviene incorporare immagini in Base64?
Per immagini piccole — icone, piccoli loghi, placeholder e immagini in email HTML o documenti a file singolo — quando è utile evitare una richiesta extra. Per le foto grandi è meglio usare un normale file immagine, perché può essere salvato nella cache separatamente e non appesantisce l'HTML o il CSS.
I client email mostrano le immagini in Base64?
Il supporto varia. Molte webmail bloccano o rimuovono le immagini data URI, quindi per le newsletter di solito è più sicuro ospitare le immagini su un server o inserirle come allegati inline.
La mia immagine viene caricata online?
No. L'immagine viene letta e codificata direttamente dal tuo browser. Non viene inviato nulla a nessun server.

Strumenti correlati

Codifica e Decodifica Base64Converti testo e file in Base64 e viceversa, con pieno supporto per UTF-8 e Base64URL.Da SVG a PNGTrasforma la grafica vettoriale SVG in immagini PNG nitide di qualsiasi dimensione, mantenendo la trasparenza.Comprimi immagineRiduci il peso delle immagini per qualità o fino a una dimensione target esatta in KB — in blocco, senza caricarle.Codifica e Decodifica URLApplica il percent-encoding al testo per gli URL o decodifica gli URL e le query string per renderli nuovamente leggibili.Da Base64 a ImmagineDecodifica stringhe Base64 e Data URI in immagini visibili e scaricabili, istantaneamente nel tuo browser.Calcolatore ChmodConverti tra checkbox, numeri ottali come 755 e permessi simbolici come rwxr-xr-x.