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

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


Вот еще пример
Второй пример
5c1a60d5ce5f3447085636.jpeg
  • Вопрос задан
  • 368 просмотров
Решения вопроса 2
locky_yotun
@locky_yotun
Я видел некоторый джаваскрипт
Все ответы тут правильные, но самый правильный вот: это позволяет написать в CSS такое:
.bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

что позволит корректно разместить в качестве "обложки" картинку любого размера и любого соотношения сторон.
Ответ написан
delphinpro
@delphinpro
frontend developer
Вы не усмотрели самого главного:
5c1a74d4749cd428813580.png

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

И понимаем, что надежнее вставить картинку фоном, нежели использовать object-fit на теге img
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@DanKud
Это реализовано для того, чтобы была возможность добавлять другие элементы внутри <div> поверх картинки в случае необходимости. Так же в случае недоступности сервера картинки не будет появляться значок ошибки загрузки изображения, как при использовании <img>. Ну и немного сократится количество прописанных классов в CSS.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы