Immagine Base64
Converti immagini in Data URI Base64 e viceversa, con trascinamento e anteprima
Clicca o trascina un'immagine qui per caricarla
Supportati PNG / JPG / GIF / SVG / WebP / BMP
{{ imageInfo.name }} · {{ imageInfo.sizeText }}
Clicca per scegliere un'altra immagine
Lunghezza: {{ base64Output.length }} caratteri
MIME: {{ imageInfo.mime }}
Caratteri: {{ base64Input.length }}
{{ errorMsg }}
{{ decodedImageInfo.mime }} · {{ decodedImageInfo.sizeText }}
Informazioni sulla conversione di immagini Base64
La conversione di immagini Base64 trasforma un file immagine in una stringa Data URI codificata in Base64. Un Data URI incorpora i dati dell'immagine direttamente dentro HTML o CSS, nel formato data:image/png;base64,....
Usi comuni delle immagini Base64 includono ridurre le richieste HTTP (inlinesando piccole immagini nell'HTML), incorporare immagini di sfondo CSS, inserire immagini nelle e-mail e referenziare immagini nel Markdown.
Questo strumento funziona in entrambe le direzioni: converte un file immagine in un Data URI Base64, oppure trasforma un Data URI Base64 di nuovo in un'immagine e la scarica. Tutto avviene nel tuo browser.
FAQ
D: L'immagine diventa più grande dopo la conversione Base64?
R: Sì. Base64 aumenta la dimensione dei dati di circa il 33%. Per le immagini grandi, usa l'inlinesamento con cautela perché può rallentare il caricamento della pagina.
D: Quali formati di immagine sono supportati?
R: PNG, JPEG, GIF, SVG, WebP, BMP, ICO e altri formati comuni. Il tipo MIME viene rilevato automaticamente in output.
D: Come uso un'immagine Base64 in CSS?
R: Usa
background-image: url(data:image/png;base64,...). Questo strumento offre un pulsante "Copia sfondo CSS" che genera codice CSS pronto da incollare con un clic.