Come si usa
- Scegli un'immagine, trascinala qui o incollala con Ctrl+V.
- Scegli l'output — «Data URI», «Solo Base64», «Sfondo CSS», «HTML <img>» o «Markdown».
- Copia il risultato.
- Per la conversione inversa, incolla un data URI o una stringa Base64 in «Da Base64 a immagine».
Opzioni spiegate
- Data URI
- La stringa completa data:image/png;base64,…, utilizzabile ovunque sia accettato un URL.
- Solo Base64
- Solo i dati codificati, senza il prefisso data:…;, per API e campi JSON che si aspettano Base64 puro.
Esempi
| Output | Risultato |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
Domande frequenti
Quanto diventa più grande un'immagine in Base64?
Circa un terzo. Il Base64 usa quattro caratteri ogni tre byte, quindi un'immagine da 30 KB diventa circa 40 KB di testo.
Quando conviene incorporare un'immagine in Base64?
Per icone e immagini piccole, sotto qualche kilobyte, incorporarle fa risparmiare una richiesta di rete. Le immagini più grandi è meglio tenerle come file separati, perché possono essere memorizzate in cache e non appesantiscono HTML o CSS.
Quali formati sono supportati?
Qualsiasi immagine che il tuo browser sa leggere, tra cui PNG, JPEG, GIF, WebP, SVG, AVIF e ICO. In decodifica il formato viene riconosciuto dai dati stessi quando manca il tipo MIME.
Le mie immagini vengono caricate online?
No. Codifica e decodifica avvengono nel tuo browser.
Privacy
Questo strumento funziona interamente nel tuo browser. File e testi vengono elaborati sul tuo dispositivo e non vengono mai caricati sui nostri server.