我的图像在图像滑块上看起来很糟糕 - 我应该怎么做才能使我的图像看起来不被拉伸?

My images look terrible on a image slider- what should I do to make my images look not stretched out?

这是我第一次在网站上使用图像滑块,我应该怎么做才能让我的图像看起来不拉长?

问题不在于我的滑块代码,我的问题是这是否有可能使我的图像在这种 height/width 比例下看起来很棒(我已经尝试使用 Sketch 缩放图像,这是到目前为止我得到的最好结果)?我也不想为滑块添加更多高度,因为我认为滑块不应该占用那么多 space。

参考网址:http://sanbruno.herokuapp.com/

经常使用滑块的人 - 我应该怎么做才能让它看起来很棒?

所以让我们做一些计算 - 正如我在网页上看到的那样,您使用的是 2000x600px 大小的图像,这给了我们 20/6 比例 = 3.(3)。所以对于 4256px 宽度(如果你想全部使用它)你应该有 1276px 高度(4256 / 3.(3) = 1276px)。因此,如果您从原始图像裁剪 1276px 宽度,它不会被拉伸。