我的图像在图像滑块上看起来很糟糕 - 我应该怎么做才能使我的图像看起来不被拉伸?
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
宽度,它不会被拉伸。
这是我第一次在网站上使用图像滑块,我应该怎么做才能让我的图像看起来不拉长?
问题不在于我的滑块代码,我的问题是这是否有可能使我的图像在这种 height/width 比例下看起来很棒(我已经尝试使用 Sketch 缩放图像,这是到目前为止我得到的最好结果)?我也不想为滑块添加更多高度,因为我认为滑块不应该占用那么多 space。
参考网址:http://sanbruno.herokuapp.com/
经常使用滑块的人 - 我应该怎么做才能让它看起来很棒?
所以让我们做一些计算 - 正如我在网页上看到的那样,您使用的是 2000x600px
大小的图像,这给了我们 20/6
比例 = 3.(3)
。所以对于 4256px
宽度(如果你想全部使用它)你应该有 1276px
高度(4256 / 3.(3) = 1276px
)。因此,如果您从原始图像裁剪 1276px
宽度,它不会被拉伸。