Как правильно вставлять картинки в данной ситуации?

Question

[Влад]

Как правильно вставить картинки в данной ситуации? Тут их две, первая там где наушники, вторая всё остальное =)
В html код, background(врядли), или псевдоелементом?

1

2

3

Answer 1

[Steppp]

Я заказчик, захочу изменить картинку наушников) Мне надо залазить в css искать где эта картинка? Ппц там кода не понятного, все сжато и в 1 строчку! А если картинок несколько???

Я Пользователь сайта, я хочу сохранить картинку наушников и показать друзьям! Надо навыки пользования кодом элемента( По другому вытащить никак (не считая расширений браузера)

Ответ, разумный способ все картинки вставлять в img тег ! Тем более если сайт будут вешать на CMS.

Comments

[v3shin]

Заказчик меняет картинку через верстальщика или CMS.
Если пользователь не может сохранить картинку - это сугубо его проблема. Пусть хоть скриншотом в Ворде делится.

Answer 2

[ThunderCat]

background(врядли), или псевдоелементом?

А че, просто картинкой уже не модно или есть какие-то причины так верстать?

ЗЫ: Учитывая тег адаптивный дизайн, лучшее решение - picture + object-fit: contain;

Answer 3

[Антон Литвиненко]

Контентные изображения вставляют тегом img.
Декоративные изображения - бекграундом и псевдо

Answer 4

[valgerofficial]

Наушники псевдоэлементом, можно.. а остальное через background. Почему нет?

Answer 5

[Алекс Глебов]

Для контентных картинок всего 2 варианта: img или background-image в атрибуте style