TOP
Comprimi immagine
image
Da immagine a Base64
Codifica immagini in Base64 con snippet data URI, CSS e HTML pronti da incollare - oppure incolla Base64 e riottieni l'immagine. Tutto funziona nel tuo browser. Senza registrazione, senza limiti, gratis.
Input
Trascina qui la tua immagine
PNG, JPG, WebP, GIF, SVG, BMP o ICO · i file piccoli si incorporano meglio
Output
Base64 rende i file ~33% più grandi. L'incorporamento funziona meglio sotto i 10 KB; oltre, collega il file invece.
Funziona al 100% nel tuo browser Nessun limite di dimensione o file Gratis, senza registrazione
Come convertire un'immagine in Base64
Aggiungi la tua immagine
Trascina un'immagine in un punto qualsiasi del riquadro, clicca per sfogliare o incollala direttamente dagli appunti. Funzionano PNG, JPG, WebP, GIF, SVG, BMP e ICO.
Scegli lo snippet che ti serve
Passa da Base64 grezzo a un data URI completo, a una regola CSS background-image o a un tag img HTML. L'output si aggiorna all'istante.
Copialo e incollalo
Clicca Copia e inserisci lo snippet nel tuo foglio di stile, HTML o codice. Per fare il contrario, passa a Base64 → Immagine, incolla qualsiasi Base64 o data URI e scarica il file decodificato.
Domande su immagine e Base64, con risposta
Cos'è la codifica Base64?
Base64 trasforma i dati binari in semplice testo ASCII usando 64 caratteri sicuri, così un'immagine può vivere all'interno di un file di testo: HTML, CSS, JSON o un'email. Il testo è circa il 33% più grande del file originale, il prezzo per renderlo copiabile e incollabile.
Quando dovrei incorporare un'immagine come Base64?
L'incorporamento è ideale per piccole risorse: icone, loghi, sfondi minuscoli sotto i 10 KB circa. Risparmia una richiesta HTTP e mantiene un componente autonomo. Per immagini più grandi un normale link al file è più veloce, si mette in cache correttamente e non appesantisce il documento.
Come uso il Base64 in CSS o HTML?
Usa le varianti già pronte: la scheda CSS ti fornisce una regola background-image completa e la scheda HTML un tag img completo. Entrambe racchiudono lo stesso data URI, ovvero il payload Base64 preceduto dal suo tipo di contenuto.
Posso riconvertire Base64 in un'immagine?
Sì. Imposta lo strumento su Base64 → Immagine, incolla Base64 grezzo, un data URI o persino un'intera regola CSS o tag img - il payload viene rilevato automaticamente, il formato è identificato dai dati stessi e scarichi il file che contiene.
Perché la mia stringa Base64 viene rifiutata?
Di solito la stringa è incompleta: una coda mancante da una copia parziale impedisce la decodifica. Incolla il valore completo, incluso qualsiasi prefisso data:image. Anche le stringhe che si decodificano ma non sono dati immagine vengono rifiutate, con un messaggio chiaro in entrambi i casi.
La mia immagine viene caricata su un server?
No. La codifica e la decodifica sono pure operazioni testuali che il tuo browser esegue localmente. Né le tue immagini né le tue stringhe Base64 lasciano mai il tuo dispositivo.