Convertitore CSS Data URI
Incolla un foglio di stile, scegli un file o inserisci l'URL di un file CSS remoto. Il convertitore trova ogni riferimento url(...), scarica le risorse più piccole del tuo limite di dimensione e le sostituisce con data URI Base64.
| Risorsa | Dimensione | Risultato |
|---|
Quando conviene inserire inline le immagini CSS
Ogni immagine esterna costa una richiesta. Per le icone piccole, inserirle inline come data URI Base64 elimina quella richiesta ed evita lo sfarfallio. Oltre qualche kilobyte, il 33% di peso in più e la perdita della cache superano il vantaggio, ed è per questo che il convertitore ha un limite di dimensione. Servi il risultato con gzip o Brotli per recuperare gran parte dell'overhead di Base64.
Domande frequenti
Devo inserire inline tutte le immagini CSS?
No. Inserisci inline solo icone e sfondi piccoli. Le immagini grandi appesantiscono il CSS, bloccano il rendering e non possono essere messe in cache separatamente.
Commenti (0)
Domande, idee o un bug in “Convertitore CSS Data URI”? Lascia un commento, valuta lo strumento o rispondi agli altri.
Ancora nessun commento. Sii il primo a lasciare un feedback!