Sviluppatore / Codifica
Generatore di Data URI
Trasforma qualsiasi file in un Data URI con snippet CSS e HTML pronti da incollare, un'opzione più leggera codificata nell'URL per SVG e l'aumento delle dimensioni del file codificato.
Generatore di Data URI: Un Data URI (RFC 2397) inserisce direttamente il contenuto di un file in un link o in un foglio di stile, evitando una richiesta separata. La codifica Base64 trasforma ogni 3 byte in 4 caratteri, quindi i file aumentano di circa un terzo; essendo testo, gli SVG possono invece essere codificati con la percentuale, facendo l'escape solo di caratteri come %, #, < e >, e risultando così generalmente più piccoli. Funziona al 100% localmente nel browser, senza caricare file sul server.
- Categoria
- Strumenti per sviluppatori
- Esecuzioni
- Nel browser
- Costo
- Gratuito · senza registrazione
- Disponibilità
- Pronto all'uso
Funziona interamente nel browser
Il file viene letto nel browser e non viene mai caricato.
Dove funzionano le Data URI
Le Data URI funzionano in img src, CSS url(), link href per le icone e link per il download. I browser impediscono alle pagine di aprire una Data URI come pagina di primo livello, e una Content Security Policy rigida deve consentire data: per le immagini o gli stili che le usano.
Per codificare testo anziché file, usa il codificatore Base64; per le immagini che hanno già una stringa Base64 pronta, usa lo strumento da immagine a Base64.
Aumento delle dimensioni
Base64 aggiunge un terzo alla dimensione del file, ma la compressione del testo sul server (gzip o Brotli) ne recupera gran parte, perché il testo codificato si comprime bene. I costi reali sono che i dati non possono essere memorizzati separatamente nella cache e vengono scaricati di nuovo con ogni pagina o foglio di stile che li contiene.
Come usarlo
- Scegli o trascina un file; le immagini vengono visualizzate in anteprima.
- Per i file SVG, scegli la codifica nell'URL o Base64.
- Copia il Data URI oppure lo snippet CSS o HTML.
Privacy e limitazioni
Il file viene letto nel browser e non viene mai caricato.
Strumenti correlati
Domande frequenti
Quando dovrei usare un Data URI?
Per file piccoli usati una sola volta, ad esempio icone inferiori a pochi kilobyte. È meglio servire separatamente i file più grandi, così il browser può memorizzarli nella cache e caricarli in parallelo.
Perché usare la codifica nell'URL per gli SVG?
Mantiene l'SVG leggibile ed è generalmente più leggera di Base64; le virgolette doppie diventano virgolette singole, così il risultato può essere inserito in url("…") o in un attributo HTML.
C'è un limite alle dimensioni?
I browser moderni accettano Data URI di molti megabyte nelle immagini e nei fogli di stile, ma quelli molto grandi rallentano l'analisi e rendono pesanti le pagine.
Strumento gratuito · nel browser esecuzioni · senza account