Заглушка во время подгрузки изображений на сайте

[dimagarifyanov]

На сайте стоит ленивая подгрузка, поэтому картинки грузятся не сразу. Вроде ленивая подгрузка хороша, но визуал сайта при прогрузке буквально весь "подпрыгивает".

Карточки товара без прогруженной картинки сплющиваются (уменьшаются в высоте), как картинка прогружаются вновь восполняют свой размер.

И чтобы не было такого "цирка" я подумал о заглушках, которые всегда отображаются и имеют такую же высоту, что и картинка. Как реализовать такое как на скрине посередине?

 

Змінено 19 лютого 2020 користувачем dimagarifyanov

[AUSS]

не ясно что посередине - Карточка без фото ) но с названием

[dimagarifyanov]

@AUSS Нет. Эти серые квадратики это заглушки. Пока картинка не подгружена стоит такой фон. Далее там проявляется картинка

 

Змінено 19 лютого 2020 користувачем dimagarifyanov

[AUSS]

любая ленивая подгрузка подразумевает использования фото заглушки - не могу понять вопроса

в чем проблема вставить картинку?