In questo articolo
Cos'è la codifica Base64 delle immagini?
Base64 è uno schema di codifica da binario a testo che rappresenta dati binari (come un file immagine) come una stringa ASCII. Quando codifichi un'immagine in Base64, il risultato è una lunga stringa di testo che può essere incorporata direttamente in HTML, CSS o JSON — senza necessità di scaricare un file separato.
La forma più comune è un Data URI, che appare come data:image/png;base64,iVBORw0KGgo... e può essere usato direttamente nell'attributo src di un <img> o nella proprietà CSS background-image.
Come funziona il nostro codificatore
Il codificatore Immagine in Base64 di CheckTown funziona interamente nel tuo browser — nessun file viene caricato su alcun server:
- Carica qualsiasi immagine (JPEG, PNG, WebP, GIF o BMP fino a 50 MB) tramite trascinamento, selezione file o incolla dagli appunti
- Scegli un formato di output: Data URI, Base64 grezzo, tag HTML <img> o snippet CSS background-image
- Copia la stringa codificata negli appunti con un clic e incollala direttamente nel tuo codice
Prova gratuitamente — nessuna registrazione richiesta
Codifica un'immagine →Quando usare le immagini Base64
La codifica Base64 è utile in scenari di sviluppo specifici:
- Immagini inline — incorpora piccole icone o loghi direttamente in HTML/CSS per eliminare richieste HTTP aggiuntive e migliorare i tempi di caricamento
- Template email — molti client email bloccano le immagini esterne per impostazione predefinita, ma le immagini inline Base64 vengono visualizzate immediatamente
- Payload API — includi dati immagine in API JSON o file di configurazione dove i caricamenti binari non sono supportati
Domande frequenti
Base64 aumenta le dimensioni del file?
Sì — la codifica Base64 aumenta le dimensioni dei dati di circa il 33%. Un'immagine da 100 KB diventa circa 133 KB di testo. Per questo Base64 è più adatto per immagini piccole (icone, miniature) piuttosto che per fotografie grandi.
Quando NON dovrei usare Base64?
Evita Base64 per immagini grandi (oltre 10–20 KB). L'overhead sulle dimensioni supera il vantaggio di risparmiare una richiesta HTTP. Per risorse grandi, servile come file normali e lascia che il browser le memorizzi in cache.
La mia immagine viene caricata su un server?
No. La codifica utilizza l'API FileReader del browser. La tua immagine non lascia mai il tuo dispositivo.