Convertire immagini in Base64 (e Base64 in immagine)
Trasforma un'immagine in un data URI Base64 per HTML o CSS, o un testo Base64 di nuovo in immagine.
oppure trascinale qui, o incollale con Ctrl+V / ⌘V
Formati supportati: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF
Questa immagine supera i 100 KB. Incorporare immagini grandi in HTML o CSS rallenta le pagine; di solito è meglio un normale file immagine.
Le tue immagini vengono elaborate nel tuo browser e non vengono caricate. Dettagli sulla privacy
Come si usa: Immagine in Base64
- 1 Per codificare, scegli o trascina un'immagine; il testo Base64 compare subito.
- 2 Scegli come copiarlo: data URI, solo Base64, tag HTML img, CSS, Markdown o JSON.
- 3 Copialo negli appunti o scaricalo come file di testo.
- 4 Per decodificare, passa a «Base64 → Immagine», incolla il testo e scarica l'immagine.
Informazioni su questo strumento
Il Base64 trasforma un file in testo, così un'immagine può essere scritta direttamente in HTML, CSS, JSON o in un modello e-mail invece di essere caricata come file separato. Gli sviluppatori lo usano per piccole icone, segnaposto e loghi che devono essere sempre disponibili.
Il codificatore legge il file così com'è, senza ricomprimerlo, e fornisce frammenti pronti da incollare. Il decodificatore accetta Base64 semplice o un data URI completo (anche Base64 sicuro per URL), riconosce il vero formato dell'immagine dai byte decodificati e ti permette di scaricare il file.
Il testo Base64 è circa un terzo più grande del file originale, quindi è adatto soprattutto alle immagini piccole. Tutto avviene nel browser; non viene caricato nulla.
Domande frequenti
Quando conviene usare immagini in Base64?
Per immagini piccole (icone, loghi, segnaposto di pochi kilobyte) che devono caricarsi con la pagina o stare dentro un unico file, come un modello e-mail o un JSON. Le foto grandi funzionano meglio come file normali, che il browser può mettere in cache e caricare in parallelo.
Perché il testo Base64 è più grande dell'immagine?
Il Base64 usa 4 caratteri per ogni 3 byte, quindi è circa il 33% più grande. Comprimi o ridimensiona prima l'immagine se il peso conta.
Cos'è un data URI?
È un testo Base64 con un prefisso come «data:image/png;base64,». I browser lo accettano ovunque sia previsto l'URL di un'immagine, per esempio in un tag img o in un background-image CSS.
Che formato avrà l'immagine decodificata?
Il formato che i dati contengono davvero (JPG, PNG, WebP, GIF, SVG…). Lo strumento lo riconosce dai byte decodificati, non dal prefisso incollato.
La mia immagine viene caricata?
No. Codifica e decodifica avvengono nel tuo browser.
Strumenti correlati
-
SVG in PNG
Converti file SVG in PNG, uno alla volta o molti insieme.
-
Compressore di immagini
Alleggerisci le immagini per email, siti web e limiti di caricamento, e guarda esattamente quanto risparmi.
-
Generatore di favicon
Crea favicon.ico, icone Apple e Android e il codice HTML da un'immagine, lettere o un emoji.
-
Convertitore di immagini
Converti qualsiasi mix di immagini e PDF: ogni file in JPG, PNG, WebP, AVIF, GIF, BMP, TIFF, ICO o PDF.