Immagini in Base64
Converti immagini PNG, JPG, WebP o GIF in un data URI Base64, una stringa Base64 semplice, un tag img HTML o uno sfondo CSS. Ideale per incorporare piccole
Trascina qui il tuo file immagine
oppure clicca per scegliere un file
Trasforma un PNG, JPG, WebP, GIF o SVG in Base64 e ottienilo nella forma che ti serve davvero: un data URI completo, una stringa Base64 nuda, un tag <img> HTML o una dichiarazione background CSS, pronti da incollare.
Incorporare piccole grafiche direttamente nel codice elimina una richiesta di rete e garantisce che l'icona appaia anche prima che il foglio di stile sia caricato: è per questo che i data URI sono popolari per icone, spinner e firme email. Il compromesso è la dimensione: Base64 è circa un terzo più grande del file binario e non può essere memorizzato nella cache separatamente, quindi limitati ad asset piccoli e collega normalmente le immagini più grandi.
Come convertire un'immagine in Base64
Scegli un'immagine
Scegli il formato di output che ti serve
Copia il data URI, il tag o il CSS
FAQ
Quando conviene incorporare un'immagine invece di collegarla?
Per grafiche piccole e usate spesso, sotto circa 10 KB - icone, loghi, spinner - dove risparmiare una richiesta conta più dell'aumento di dimensione. Le foto grandi è meglio lasciarle come file, così il browser può metterle in cache.
Perché la stringa Base64 è più grande del mio file?
Base64 codifica ogni tre byte in quattro caratteri, il che aggiunge circa il 33%. Quel sovraccarico è inevitabile nella codifica stessa.
Quali formati posso usare?
PNG, JPG, WebP, GIF e SVG. Un SVG vettoriale incorporato come data URI resta scalabile, quindi è spesso la scelta migliore per le icone.
Funziona in CSS oltre che in HTML?
Sì, copia la forma CSS per usarla in una dichiarazione background-image, oppure la forma HTML per un attributo src di img.
I client di posta lo visualizzeranno?
La maggior parte dei client moderni sì, ma alcuni rimuovono i data URI per sicurezza. Per i template email, ospita l'immagine e collegala se il layout conta.
La mia immagine viene caricata?
No, la codifica avviene nel tuo browser.
In breve
| Input | immagine |
|---|---|
| Più file | Sì |
| Dove funziona | Nel tuo browser - i file non vengono mai caricati |
| Funziona offline | Sì — una volta caricata la pagina |
| Prezzo | Gratis, senza registrazione, senza filigrana |
Dove le conversioni si rompono in silenzio
La maggior parte dei bug di conversione non riguarda la sintassi, riguarda il significato. Una colonna CSV di codici postali perde gli zeri iniziali nel momento in cui un foglio di calcolo intuisce che è un numero; un ID lungo supera la precisione in virgola mobile; le date cambiano significato a seconda che siano giorno-mese o mese-giorno. Le chiavi JSON non sono ordinate, gli array invece sì, e uno strumento che ordina le chiavi non cambia nulla mentre uno che ordina gli array cambia i dati. Unicode è un'altra trappola: il testo può arrivare in UTF-8, in UTF-16 o con un BOM, e un decodificatore che indovina male trasforma i caratteri accentati in mojibake. Prima di fidarti di una conversione, controlla a campione la prima e l'ultima riga, ogni campo con zeri iniziali e ogni campo che contiene virgolette, virgole o a capo.
Scegliere un formato dati
Il JSON è il valore predefinito per tutto ciò che un'API restituisce o un programma legge: gestisce naturalmente strutture annidate, numeri, valori booleani e null, e ogni linguaggio lo analizza. Il CSV è più leggero e si apre direttamente in un foglio di calcolo, ma non ha modo di esprimere l'annidamento e nessuno standard condiviso per separatore, quoting o set di caratteri - ed è esattamente qui che le conversioni sbagliano. L'XML è verboso ma porta attributi, contenuto misto e schemi, perciò domina ancora i formati documentali e le integrazioni legacy. Lo YAML è il più leggibile per la configurazione, ma è sensibile agli spazi e riserva conversioni di tipo sorprendenti ("no" che diventa false, una versione come 1.10 che diventa 1.1). Scegli il formato che preferisce lo strumento a valle, non quello che sembra più bello da leggere.