Da immagine a Base64
Trasforma un'immagine in un data URI che puoi incollare direttamente in CSS o HTML.
- Funziona sul tuo dispositivo — il file non viene inviato da nessuna parte
- Nessuna registrazione, nessuna filigrana, nessuna quota giornaliera
- Gratis, senza limiti al numero di utilizzi
Come funziona
Un data URI incorpora un'immagine direttamente nel tuo codice sorgente invece di rimandare a un file separato. Questo elimina una richiesta di rete, il che conta per le immagini minuscole che altrimenti costerebbero ciascuna un viaggio di andata e ritorno.
Quando conviene
Piccole icone, loghi e grafica a tinta unita. Sotto circa 2 KB, la richiesta risparmiata di solito vale più del costo. Sopra questa soglia, conviene un normale riferimento a un file.
Il costo in dimensione
Il Base64 codifica tre byte come quattro caratteri, quindi un data URI è circa il 33% più grande del file. Inoltre non può essere messo in cache separatamente — viene scaricato di nuovo con ogni copia del foglio di stile o della pagina che lo contiene.
Dove incollarlo
Direttamente in un url() di CSS o in un attributo src di img. L'output contiene già il prefisso del tipo di media corretto.
Da immagine a Base64 — domande
Perché c'è un limite di dimensione?
I data URI appartengono al codice sorgente, e quelli molto grandi appesantiscono ogni pagina che li include. Il limite è 2 MB.
Funziona con gli SVG?
L'SVG è testo, quindi può essere incorporato direttamente senza Base64, che è più compatto.
La mia immagine viene caricata?
No. La codifica avviene nel tuo browser.