Сейчас уже считается, что не стоит загружать изображения из CSS.
Если загружать картинки из CSS, то получается длинная цепочка запросов: страница - CSS - изображение.
Это ухудшает скорость загрузки сайтов (и немного портит рейтинг в Google PageSpeed Insight).
Я избавляюсь от цепочек разными способами:
- ссылки на большие изображения указываю в HTML шаблоне или блоке styles;
- маленькие изображения вставляю в CSS в виде base64 или UTF-8 (для SVG);
Чтобы не трогать шаблон сайта, можно сделать отдельный CSS-файлик и вставлять его в блоке <styles>.
Если загружать картинки из CSS, то получается длинная цепочка запросов: страница - CSS - изображение.
Это ухудшает скорость загрузки сайтов (и немного портит рейтинг в Google PageSpeed Insight).
Я избавляюсь от цепочек разными способами:
- ссылки на большие изображения указываю в HTML шаблоне или блоке styles;
- маленькие изображения вставляю в CSS в виде base64 или UTF-8 (для SVG);
Чтобы не трогать шаблон сайта, можно сделать отдельный CSS-файлик и вставлять его в блоке <styles>.