CSS Data URI konvertor
Vlož štýlopis, vyber súbor alebo zadaj URL vzdialeného CSS súboru. Konvertor nájde každý odkaz url(...), stiahne zdroje menšie než tvoj limit veľkosti a nahradí ich Base64 data URI.
| Zdroj | Veľkosť | Výsledok |
|---|
Kedy pomáha vkladanie CSS obrázkov
Každý externý obrázok stojí jednu požiadavku. Pri malých ikonách ich vloženie ako Base64 data URI tú požiadavku odstráni a zabráni blikaniu. Nad niekoľkými kilobajtami 33 % nárast veľkosti a strata cache prevážia výhodu — preto má konvertor limit veľkosti. Výsledok servíruj s gzip alebo Brotli, aby si získal späť väčšinu Base64 režie.
Často kladené otázky
Mám vložiť každý CSS obrázok?
Nie. Vkladaj len malé ikony a pozadia. Veľké obrázky nafukujú CSS, blokujú renderovanie a nedajú sa cacheovať osobitne.
Komentáre (0)
Otázky, nápady alebo chyba v „CSS Data URI konvertor“? Zanechaj komentár, ohodnoť nástroj alebo odpovedz ostatným.
Zatiaľ žiadne komentáre. Buď prvý, kto zdieľa spätnú väzbu!