Převodník CSS Data URI
Vlož stylesheet, zvol soubor nebo zadej URL vzdáleného CSS souboru. Převodník najde každý odkaz url(...), stáhne zdroje menší než tvůj limit velikosti a nahradí je Base64 data URI.
| Zdroj | Velikost | Výsledek |
|---|
Kdy pomáhá vkládání CSS obrázků
Každý externí obrázek stojí požadavek. U malých ikon jejich vložení jako Base64 data URI tento požadavek odstraní a zabrání blikání. Nad několika kilobajty režie 33 % a ztráta cache převáží výhodu, proto má převodník limit velikosti. Výsledek servíruj s gzip nebo Brotli, abys získal zpět většinu režie Base64.
Často kladené otázky
Mám vkládat každý CSS obrázek?
Ne. Vkládej jen malé ikony a pozadí. Velké obrázky nafouknou CSS, blokují vykreslení a nelze je cacheovat zvlášť.
Komentáře (0)
Otázky, nápady nebo chyba v „Převodník CSS Data URI“? Napiš komentář, ohodnoť nástroj nebo odpověz ostatním.
Zatím žádné komentáře. Buď první, kdo se podělí o zpětnou vazbu!