CSS data URI konverter
Illesszen be egy stíluslapot, válasszon fájlt, vagy adja meg egy távoli CSS-fájl URL-jét. A konverter megtalálja az összes url(...) hivatkozást, letölti a méretkorlátnál kisebb erőforrásokat, és Base64 data URI-kra cseréli őket.
| Erőforrás | Méret | Eredmény |
|---|
Mikor segít a CSS-képek beágyazása
Minden külső kép egy kérést jelent. Kis ikonoknál Base64 data URI-ként beágyazva megszűnik ez a kérés, és elkerülhető a villódzás. Néhány kilobájt felett a 33%-os mérettöbblet és a cache elvesztése felülmúlja az előnyt – ezért van a konverternek méretkorlátja. Szolgáltassa ki az eredményt gzippel vagy Brotlival, hogy a Base64 többlet nagy részét visszanyerje.
Gyakran ismételt kérdések
Beágyazzak minden CSS-képet?
Nem. Csak kis ikonokat és háttereket ágyazzon be. A nagy képek felfújják a CSS-t, blokkolják a megjelenítést, és nem cache-elhetők külön.
Hozzászólások (0)
Kérdése, ötlete vagy hibája van a(z) „CSS data URI konverter” eszközzel kapcsolatban? Írjon hozzászólást, értékelje az eszközt, vagy válaszoljon másoknak.
Még nincsenek hozzászólások. Legyen Ön az első, aki megosztja a visszajelzését!