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

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


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

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

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

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

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

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
от 56 000 до 56 000 руб.
Sveak Барнаул
от 50 000 руб.