我的图像在图像滑块上看起来很糟糕 - 我该怎样做才能使我的图像看起来不舒展？

Posted 2021-04-12

这是我第一次在网站上使用过图像滑块，我该怎么办才能使我的图像看起来不舒服？

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

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

那些用滑块工作过很多的人 - 我该怎么办才能让它看起来很棒？

答案

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