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

Question

这是我第一次在网站上使用图片滑块，该怎么做才能使图片看起来不会张开？

问题不在于我的滑块代码，我的问题是，使用这种高/宽比，是否甚至可以使我的图像看起来很棒（我已经尝试过使用Sketch缩放图像，这是我得到的最好结果到目前为止）？我也不想增加滑块的高度，因为我认为滑块不应该占用那么多空间。

这里是供参考的网站：http://sanbruno.herokuapp.com/

与滑杆一起使用了很多东西的人-我应该怎么做才能使其看起来很棒？

Answer 1

因此，让我们进行一些计算-正如我在网页上看到的那样，您正在使用2000x600px尺寸的图片，这就是20/6比例= 3.(3)的原因。因此，对于4256px的宽度（如果您想全部使用），您应该具有1276px的高度（4256 / 3.(3) = 1276px）。因此，如果您从原始图片中裁剪1276px的宽度，则不会被拉伸。