Как правильно настроить адаптивное изображение по psd макету?
Подобная проблема бывает в случае, когда в зависимости режима просмотра (ширины окна) меняется соотношение сторон - например, в широкоформатном режиме картинка в формате 2:1, а в портретном 1:1 или да же высота больше, чем ширина.
Для показа такой адаптивной картинки, в идеале нужно подготовить несколько вариантов картинки, для различных режимов просмотра, и показывать нужную картинку в зависимости от media query в css.
А что мешает взять полную и background-position её расположить? Если брать обрезаную то её растягивать надо и качество упадёт.