Da file a Base64
Trasforma qualsiasi file in testo Base64 o in un data URI pronto da incollare.
- 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
Base64 trasforma un file binario in testo così può viaggiare dove è ammesso solo testo: dentro una pagina HTML, un file CSS, un payload JSON, un file di configurazione, un'email. Codificarne uno su un server remoto significa caricare il file per ricevere testo in cambio, uno scambio strano per qualcosa che un browser può fare all'istante.
Data URI o semplice
Un data URI porta il tipo di media come prefisso, così un browser sa di cosa si tratta: incollane uno in un img src o in uno sfondo CSS e funziona senza un file separato. Il Base64 semplice è ciò che ti serve quando è qualcos'altro nella tua pipeline a fornire il tipo.
Diventa circa un terzo più grande
Base64 rappresenta tre byte con quattro caratteri, quindi aspettati un aumento di circa il 33% più un piccolo overhead. È il costo del formato e nulla può evitarlo, ed è per questo che l'incorporamento è meglio riservarlo a risorse piccole: icone, piccoli loghi, sottoinsiemi di font.
Quando non incorporare
Un'immagine grande incorporata rende più grande il file HTML o CSS, non memorizzabile in cache separatamente e più lento da analizzare. La regola pratica è qualche kilobyte: sotto, incorporare fa risparmiare una richiesta; sopra, un normale riferimento a un file è più veloce.
Tornare indietro
Il decodificatore Base64 di questo sito riporta il testo al file originale, e lo mostra in anteprima se è un'immagine.
Da file a Base64: domande
Cos'è un data URI?
Base64 con il tipo di media allegato, così si può incollare direttamente in HTML o CSS come se fosse un file.
Perché il testo è più grande del mio file?
Base64 codifica tre byte come quattro caratteri, circa un terzo in più. È intrinseco al formato.
Dovrei incorporare le immagini grandi?
No. Sotto qualche kilobyte fa risparmiare una richiesta; oltre, un normale riferimento a un file è più veloce.
Il mio file viene caricato?
No. Viene codificato nel tuo browser.