Convertor CSS Data URI
Lipiți o foaie de stil, alegeți un fișier sau introduceți URL-ul unui fișier CSS remote. Convertorul găsește fiecare referință url(...), descarcă resursele mai mici decât limita de dimensiune și le înlocuiește cu data URI-uri Base64.
| Resursă | Dimensiune | Rezultat |
|---|
Când ajută încorporarea imaginilor CSS
Fiecare imagine externă costă o cerere. Pentru pictograme mici, încorporarea ca data URI Base64 elimină acea cerere și evită flicker-ul. Peste câteva kiloocteți, overhead-ul de 33% și pierderea caching-ului depășesc beneficiul, de aceea convertorul are o limită de dimensiune. Serviți rezultatul cu gzip sau Brotli pentru a recupera cea mai mare parte a overhead-ului Base64.
Întrebări frecvente
Ar trebui să încorporez fiecare imagine CSS?
Nu. Încorporați doar pictograme și fundaluri mici. Imaginile mari îngreunează CSS-ul, blochează redarea și nu pot fi stocate separat în cache.
Comentarii (0)
Întrebări, idei sau o eroare în „Convertor CSS Data URI”? Lăsați un comentariu, evaluați instrumentul sau răspundeți altora.
Nu există încă comentarii. Fiți primul care își împărtășește părerea!