Я занимаюсь разработкой / дизайном веб-сайта с использованием Jekyll и изучаю новейшие функции, такие как WebP.Теперь WebP поддерживается не всеми браузерами , поэтому я хотел бы предоставить запасной фон на случай, если он не поддерживается.Однако я не хочу, чтобы браузер загружал ненужные изображения (как на нескольких фонах друг за другом), если этого можно избежать.
Пока поиски в Google не были очень плодотворными.Я пытался использовать одно фоновое изображение с несколькими фонами (background-image: url(...), url(...);) и использовать несколько стилей фонового изображения (background-image: url(...); background-image: url(...);), но я думаю, что браузер загружает и отображает оба.
Полагаю, у меня есть несколько вопросовВо-первых, возможно ли, чтобы браузер отображал только первое (или последнее, в зависимости от метода) заданное фоновое изображение, которое он поддерживает? Будет ли метод, необходимый для этой работы, тратить больше времени и ресурсов, чем загрузка и рендеринг 2 или болееФоновые изображения? Если это не стоит того, какой будет лучший альтернативный метод?
JavaScript и JQuery могут быть использованы при необходимости, и я открыт для любого другого метода.