Cambia direzione in alto per decodificare un data URL che hai già. Trasforma le immagini in testo Base64 e data URL per pagine web, email e codice, oppure trasforma Base64 di nuovo in un file immagine. È gratis e privato.
Come convertire un'immagine in Base64
- Scegli la direzione Da immagine a Base64.
- Premi Scegli immagini e seleziona uno o più file.
- Copia il Base64 o il data URL di ciascuna. Vengono mostrate le dimensioni originale e codificata.
Come trasformare Base64 di nuovo in un'immagine
- Scegli la direzione Da Base64 a immagine.
- Incolla il testo in Base64 o data URL.
- Controlla l'anteprima, poi scarica l'immagine. Cancella svuota la casella.
Perché Base64 è un terzo più grande
Base64 scrive ogni 3 byte del file come 4 caratteri di testo semplice, quindi il testo codificato è circa il 33% più grande dell'immagine stessa, più un breve prefisso data:image/png;base64, per un data URL. Ogni immagine mostra entrambe le dimensioni così vedi il costo prima di incollarla.
Quando ha senso un data URL
Incorporare va bene per cose piccole: icone, piccoli sfondi, firme email, una favicon o un singolo file che deve funzionare offline. Per tutto ciò che supera circa 10 KB, di solito è meglio un normale file immagine: può essere messo in cache dal browser, si carica in parallelo con la pagina e mantiene piccoli il tuo HTML e CSS. Le immagini grandi ricevono un promemoria in proposito.
Decodificare Base64
Incolla un data URL completo, una riga CSS url(), un tag img o solo il testo Base64. Spazi, a capo e le lettere sicure per gli URL - e _ sono accettati, e il riempimento mancante viene aggiunto. Il tipo viene letto dai primi byte del file stesso, non dall'etichetta, quindi un PNG etichettato male come JPEG viene comunque scaricato con l'estensione giusta. Se il testo non è Base64 valido o non è un'immagine, ottieni una spiegazione semplice.
File supportati
Qualsiasi immagine che il tuo browser può aprire, compresi PNG, JPG, WebP, GIF, SVG, ICO e AVIF.
Consigli
- Comprimi o ridimensiona prima l'immagine, perché Base64 la rende più grande.
- Tieni le immagini grandi come file normali e collegale.
- Usa SVG quando puoi per le icone. È già testo e spesso più piccolo di un PNG.
- Per ridurre un'immagine prima della codifica, prova comprimi immagine a una dimensione.
Usi comuni
Incorporare un piccolo logo in un'email HTML, mettere un'icona direttamente in un foglio di stile, memorizzare un'immagine in un file JSON e recuperare un'immagine da un data URL trovato nel codice. Per un set completo di icone per il sito, vedi il generatore di favicon.
Privato per progettazione
Le immagini vengono lette e convertite su questa pagina nel tuo browser. Niente viene caricato, e i file non lasciano mai il tuo dispositivo.
Domande
Base64 è crittografia?
No. È solo un modo di scrivere i dati come testo. Chiunque può decodificarlo.
Perché il file decodificato ha l'estensione sbagliata?
Non dovrebbe. Il tipo viene letto dal file stesso e non dall'etichetta.
Perché il testo Base64 è così lungo?
Ogni immagine diventa circa un terzo più grande come testo, e le foto sono già grandi di partenza.