Konwerter CSS na data URI
Wklej arkusz stylów, wybierz plik lub wpisz URL zdalnego pliku CSS. Konwerter znajdzie każde odwołanie url(...), pobierze zasoby mniejsze niż ustawiony limit i zastąpi je data URI w Base64.
| Zasób | Rozmiar | Wynik |
|---|
Kiedy osadzanie obrazów w CSS pomaga
Każdy zewnętrzny obraz to osobne żądanie. W przypadku małych ikon osadzenie ich jako data URI w Base64 eliminuje to żądanie i zapobiega migotaniu. Powyżej kilku kilobajtów narzut 33% i utrata cache przeważają nad korzyściami, dlatego konwerter ma limit rozmiaru. Serwuj wynik z gzip lub Brotli, aby odzyskać większość narzutu Base64.
Najczęściej zadawane pytania
Czy osadzać każdy obraz CSS?
Nie. Osadzaj tylko małe ikony i tła. Duże obrazy rozdmuchują CSS, blokują renderowanie i nie mogą być osobno cache'owane.
Komentarze (0)
Pytania, pomysły lub błąd w „Konwerter CSS na data URI”? Zostaw komentarz, oceń narzędzie lub odpowiedz innym.
Brak komentarzy. Podziel się opinią jako pierwszy!