Immagine a Base64
Strumento online gratuito per convertire immagini in URI dati Base64. Supporta PNG, JPEG, GIF, SVG, WebP e BMP. Copia o scarica immediatamente la stringa codificata.
Converte qualsiasi immagine in un URI dati Base64 per l'inserimento diretto in HTML, CSS o JSON.
Convertitore di immagini in Base64 — Strumento online gratuito
description: Converte qualsiasi immagine in una URI dati Base64 istantaneamente. Supporta PNG, JPEG, GIF, SVG, WebP e BMP. Gratuito, riservato e funziona interamente nel tuo browser. date: 2026-05-17
Cos'è l'encoding Base64 delle immagini?
L'encoding Base64 converte i dati binari di un'immagine in una stringa di testo composta da lettere, numeri, +, / e =. Quando viene combinata con una prefisso MIME, crea un URI dati — una stringa autonoma che puoi incorporare direttamente in HTML, CSS o JSON senza un file separato.
Per esempio, invece di collegarsi a un file esterno:
<img src="logo.png" alt="Logo" />
Puoi incorporare l'immagine in linea:
<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo" />
Perché convertire le immagini in Base64?
| Beneficio | Descrizione |
|---|---|
| Meno richieste HTTP | L'incorporamento di immagini piccole elimina il download di file separati |
| Modelli per email | Molti client email non caricano immagini esterne — Base64 funziona in linea |
| App a singolo file | Incorpora icone e asset in un unico file HTML per un facile condivisione |
| Carichi di API | Invia immagini come stringhe in JSON senza caricamenti multipart |
| Documenti offline | Report HTML autonomi che funzionano senza un server |
Formati immagine supportati
| Formato | Tipo MIME | Estensione |
|---|---|---|
| PNG | image/png |
.png |
| JPEG | image/jpeg |
.jpg, .jpeg |
| GIF | image/gif |
.gif |
| SVG | image/svg+xml |
.svg |
| WebP | image/webp |
.webp |
| BMP | image/bmp |
.bmp |
Dimensione massima del file: 10 MB.
Formati di output
Questo strumento fornisce quattro formati di output:
- URI dati — Stringa completa
data:image/...;base64,.... Utilizzabile direttamente nell'attributosrco in CSSurl(). - Solo Base64 — Stringa Base64 grezza senza il prefisso URI dati. Utile per carichi API.
- Tag HTML — Elemento
<img>completo consrc,alt,widtheheight. - Fondo CSS — Dichiarazione pronta all'uso
background-image: url(...).
Come utilizzare
- Carica un'immagine — Trascina e rilascia sull'area di destinazione, o fai clic per navigare i tuoi file.
- Anteprima dell'immagine — Visualizza l'immagine caricata e le sue informazioni sul file (nome, dimensione, tipo, dimensioni).
- Scegli il formato di output — Seleziona URI dati, Solo Base64, Tag HTML o Fondo CSS.
- Copia o scarica — Fai clic su Copia per il clipboard o Scarica come file di testo.
Quando utilizzare Base64 (e quando non farlo)
Casi d'uso validi:
- Icone e elementi dell'interfaccia utente piccole (sotto 10 KB)
- Immagini per newsletter email
- Prototipi HTML a singolo file
- Carichi API JSON dove non è disponibile multipart
Evita per:
- Foto o immagini principali grandi (aumenta la dimensione del file del ~33%)
- Siti con molte immagini (nessun caching del browser per dati inline)
- Immagini ripetute su diverse pagine (Base64 non può essere memorizzato separatamente)
Privacy e sicurezza
Tutelando il processamento completamente nel tuo browser. Le tue immagini non vengono mai caricate su alcun server. La conversione Base64 viene eseguita sul lato client utilizzando l'API FileReader.
Domande frequenti
Il Base64 aumenta la dimensione del file? Sì. L'encoding Base64 aumenta la dimensione del file originale di circa il 33%. Un PNG di 3 KB diventa circa 4 KB in Base64.
Posso convertire Base64 in un'immagine? Sì. Puoi incollare un URI dati nell'indirizzo del browser per visualizzare l'immagine, o utilizzare uno strumento di decodifica Base64 per salvarla come file.
C'è un limite di dimensione del file?
Questo strumento accetta immagini fino a 10 MB. Per file più grandi, considera l'utilizzo di uno strumento da riga di comando come base64 su Linux/macOS.
Funziona con i file SVG? Sì. I file SVG vengono convertiti in Base64 come le immagini raster. Nota che per SVG, puoi anche incorporare direttamente il markup SVG in HTML per un migliore rendimento.