Мои изображения выглядят ужасно на слайдере изображений - что я должен сделать, чтобы мои изображения выглядели не растянутыми?

Question

Я впервые использую слайдер изображений на веб-сайте, что мне делать, чтобы мои изображения не выглядели растянутыми?

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

Вот сайт для справки: http://sanbruno.herokuapp.com/

Люди, которые много работали с ползунками - что я должен сделать, чтобы он выглядел великолепно?

Answer 1

Итак, давайте сделаем некоторые вычисления - как я вижу на веб-странице, вы используете изображения размером 2000x600px, что дает нам 20/6 scale = 3.(3).Так что для 4256px width (если вы хотите использовать все это) у вас должно быть 1276px height (4256 / 3.(3) = 1276px).Поэтому, если вы обрежете 1276px ширину от исходного изображения, оно не будет растянуто.