Immagine in Base64
Converte immagini in stringhe Base64 o formato Data URI per l'incorporazione in HTML/CSS.
Trascina un'immagine qui o clicca per selezionare
PNG, JPG, WebP, GIF, SVG, ecc.
Informazioni su questo strumento
Il convertitore da immagine a Base64 codifica qualsiasi file immagine in una stringa Base64 o Data URI completa, consentendoti di incorporare immagini direttamente in HTML, CSS o JSON senza ospitarle come file separati. Supporta drag-and-drop o selezione con clic e mostra la dimensione originale rispetto a quella codificata.
Tutta la codifica avviene nel browser tramite l'API FileReader — l'immagine non viene mai caricata su alcun server. Puoi passare tra Data URI completa (con il prefisso data:image/…;base64,) e Base64 puro (senza prefisso).
Come usare
- Trascina un'immagine nell'area di caricamento o clicca per aprire il selettore di file.
- Il risultato codificato appare automaticamente dopo il caricamento del file.
- Passa tra Data URI e Base64 Only con i pulsanti.
- Clicca su Copia per copiare il risultato negli appunti.
Casi d'uso
Gli sviluppatori frontend incorporano icone piccole direttamente in CSS o HTML per eliminare le richieste HTTP. Gli specialisti di email marketing incorporano immagini nei template HTML poiché molti client bloccano le immagini esterne. Gli sviluppatori di app mobile codificano le immagini per i payload JSON. Gli sviluppatori archiviano le immagini come stringhe Base64 in file di configurazione o database.
Domande frequenti
- La codifica Base64 aumenta la dimensione del file? — Sì. La codifica Base64 aumenta la dimensione del file di circa il 33% rispetto al binario originale.
- Quali formati di immagine sono supportati? — Qualsiasi formato visualizzabile dal browser: JPG, PNG, WebP, GIF, SVG, BMP e altri.
- Devo codificare in Base64 anche le immagini grandi? — Per file superiori a ~10 KB, è generalmente meglio ospitare l'immagine come file. Stringhe Base64 grandi appesantiscono HTML/CSS e peggiorano le prestazioni di caricamento.