Da immagine a Base64
Converti un file immagine in una stringa Base64 da copiare, con snippet HTML e CSS già pronti.
Da immagine a Base64 codifica un file immagine come testo Base64, così può essere salvato o inviato come semplice testo, per esempio dentro un JSON, una pagina HTML o un file CSS. La stringa viene creata dai byte originali del file, quindi l’immagine non viene ricompressa né modificata. Lo strumento mostra il numero di caratteri e ti dà anche un tag img HTML e una regola CSS background-image che contengono l’intera immagine.
Come usare Da immagine a Base64
- 1
Apri un’immagine
Trascina, scegli o incolla qualsiasi file immagine. Le immagini piccole come le icone funzionano meglio.
- 2
Ottieni la stringa Base64
La stringa compare subito, con la sua lunghezza in caratteri e il peso approssimativo.
- 3
Copia ciò che ti serve
Clicca Copia Base64 per la sola stringa, oppure usa Copia HTML o Copia CSS per uno snippet già pronto.
- 4
Incollala nel codice
Incolla la stringa nel tuo JSON, HTML, CSS o script.
Cosa fa
- Codifica esatta dei byte
- Il file originale viene codificato così com’è, senza ricompressione né cambi di qualità.
- Informazioni sul peso
- Vedi il numero di caratteri e il peso approssimativo della stringa prima di usarla.
- Snippet HTML e CSS
- Copia un tag img o una regola background-image con il data URI completo già incluso.
- Codificata in locale
- Il file viene letto e codificato nel browser e non viene mai caricato.
Domande
A cosa serve Base64 con le immagini?
Base64 trasforma i dati binari di un’immagine in caratteri di testo. Gli sviluppatori lo usano per inserire piccole immagini direttamente in HTML, CSS, JSON o modelli di email, così non serve caricare un file immagine separato.
Perché la stringa Base64 pesa più del file immagine?
Base64 usa 4 caratteri di testo ogni 3 byte, quindi il risultato è circa il 33% più grande. Un’immagine di 30 KB diventa circa 40 KB di testo.
Che differenza c’è tra Base64 e un data URI?
Base64 è solo il testo codificato. Un data URI aggiunge un prefisso come data:image/png;base64, così i browser conoscono il tipo di file. Questo strumento dà la sola stringa; Da immagine a data URI dà la versione completa.
Conviene convertire in Base64 le immagini grandi?
Di solito no. Base64 funziona meglio con immagini piccole come le icone. Le foto grandi appesantiscono molto HTML o CSS, e il browser non può memorizzare nella cache l’immagine come file separato.
La mia immagine viene modificata durante la codifica?
No, vengono codificati i byte originali. L’unica eccezione sono le foto HEIC di iPhone, che vengono prima convertite in PNG perché la maggior parte dei browser non sa mostrare HEIC.