Изображения вставлены через атрибут тега style="background-image: url()". Почему?

Question

[Василий]

Почему Google (и не только) в своем блоге добавляет изображения через атрибут style?

Пример

Вот еще пример

Второй пример

Answer 1

[Сергей delphinpro]

Вы не усмотрели самого главного:


Чтобы оценить, смотрим уровень браузерной поддержки здесь https://caniuse.com/#feat=object-fit
и здесь https://caniuse.com/#feat=background-img-opts

И понимаем, что надежнее вставить картинку фоном, нежели использовать object-fit на теге img

Comments

[IIIu6ko]

Уже давно есть рабочий полифил для object fit
https://github.com/bfred-it/object-fit-images

Но соглашусь, что лучше всё-таки background, т.к. не нужно полифилов и при посадке на cms полезно.

Answer 2

[tyzberd]

можно использовать object-fit и этот скрипт https://github.com/bfred-it/object-fit-images

Answer 3

[DanKud]

Это реализовано для того, чтобы была возможность добавлять другие элементы внутри <div> поверх картинки в случае необходимости. Так же в случае недоступности сервера картинки не будет появляться значок ошибки загрузки изображения, как при использовании <img>. Ну и немного сократится количество прописанных классов в CSS.

Comments

[IIIu6ko]

Так же в случае недоступности сервера картинки не будет появляться значок ошибки загрузки изображения

Для это есть атрибут alt.

Это реализовано для того, чтобы была возможность добавлять другие элементы внутри поверх картинки в случае необходимости.
Можно также с img сделать. Абсолютное позиционирование никто не отменял.