Задать вопрос
@andreyWayne

Как правильно настроить адаптивное изображение по psd макету?

Здравствуйте, я уже час бьюсь с правильной настройкой фонового изображения
Брать полную фотографию из psd или урезаную как на макете?
Если беру полную, то не то, и также с урезанной
Пожалуйста помогите пожалуйста
Ссылка
https://yadi.sk/d/kfUn1JM73P8R3U
  • Вопрос задан
  • 439 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
lexxpavlov
@lexxpavlov
Программист, преподаватель
Подобная проблема бывает в случае, когда в зависимости режима просмотра (ширины окна) меняется соотношение сторон - например, в широкоформатном режиме картинка в формате 2:1, а в портретном 1:1 или да же высота больше, чем ширина.
Для показа такой адаптивной картинки, в идеале нужно подготовить несколько вариантов картинки, для различных режимов просмотра, и показывать нужную картинку в зависимости от media query в css.
Ответ написан
А что мешает взять полную и background-position её расположить? Если брать обрезаную то её растягивать надо и качество упадёт.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы