Использование LazySizes для отложенной загрузки изображений, но вы хотите сохранить пространство вокруг изображения при загрузке

Question

Я использую LazySizes для отложенной загрузки изображений.Я использую Bootstrap в качестве основы для HTML и CSS, но у меня возникают проблемы при попытке сохранить пространство вокруг изображения, пока изображение загружается, поэтому изображение не заполняет пространство между текстом, который его окружает.Почти как то, как выглядит изображение, которое будет регулярно загружаться на страницу, с пространством, сохраняемым вокруг него, в то время как оно загружается, когда вы не ленивые.

Я уже пытался указать ширину и высоту, а такжедобавил спецификацию ширины в data-srcset, HTML-код изображения и использовал data-sizes = "auto", но это не помогает.Моя мысль - добавить настройку CSS, чтобы сохранить пространство изображения до его загрузки, но мне интересно, есть ли лучший способ сделать это?

Answer 1

Мое решение состояло в том, чтобы добавить атрибут src = изображения более низкого качества, чтобы позволить чему-то сохранять пространство до тех пор, пока изображение не будет загружено. Таким образом, оно поддерживает то же поведение, что и изображение, загружаемое без загрузки с отложенной загрузкой.