Generatore Data URI
Generatore Data URI gratuito online, converti file in Base64
📎Clicca o trascina un file per generare Data URISupporta immagini, font, SVG, PDF e altro
Cosa sono i Data URI?
Un Data URI incorpora i dati di un file direttamente in un URL usando il formato data:[mimeType];base64,[data]. Questo permette di incorporare piccole immagini, font o file direttamente in HTML, CSS o JavaScript senza riferimenti a file esterni. I Data URI eliminano richieste HTTP aggiuntive per risorse di piccole dimensioni.
Come generare Data URI
Carica un file (immagine, font, SVG, ecc.). Lo strumento genera la stringa Data URI. Usa Copia come CSS per ottenere una proprietà background-image, o Copia come HTML per un tag <img>. I Data URI funzionano meglio per file inferiori a 10KB.
▶Quando dovrei usare Data URI rispetto a file esterni?
Usa Data URI per risorse di piccole dimensioni (sotto i 10KB) come icone, minuscole immagini o font. Per file più grandi, i file esterni con caching sono più efficienti. Troppi Data URI nel CSS possono rallentare il rendering.
▶I Data URI funzionano in tutti i browser?
Sì, tutti i browser moderni supportano i Data URI. Browser molto vecchi (IE8 e precedenti) hanno un limite di dimensione di 32KB, ma questo non è rilevante per le applicazioni moderne.