safari中的图像质量较低，使用了jssor滑块

low image quality in safari, jssor slider is used

本文关键字：jssor 滑块 图像质量 safari      更新时间：2023-09-26

我在我的网站上使用了jssor滑块，它在除safari之外的所有浏览器中都能很好地工作，在safari中图像几乎没有模糊。我的图像大小大于滑块Div，图像大小为（1207 x 708），但Div为900 x 600 px。请帮助我如何解决这个问题

将其添加到滑块选项列表中：

$HWA:false

HWA是硬件加速，根据JSSOR参考链接

我通过JSSOR的另一篇S.O.帖子发现了这个选项，以回应那些想阻止"-webkit transform:perspective（2000）；"被注入他们的代码的人，它确实做到了。因此，它可能会影响3D转换（未经测试）。

设置$HWA: false似乎也会禁用图像重采样，从而使与Retina兼容的图像能够正确显示。

请将滑块容器大小设置为接近图像大小。如果将容器大小设置为1200到800，它看起来会更好。

由于滑块是负责的，它有时会缩放到更大的尺寸。

出于某种原因，在以下情况下，狩猎会出现一些问题。

假设您的图像大小为（1800 x 1200），滑块大小为（900 x 600），并且滑块响应灵敏，则它将调整大小为（1800x1200）以适合您的屏幕。

也就是说，图像的大小从（1800 x 1200）调整为（900 x 600），然后再调整为（1800 x 1200.）。你会在狩猎中看到图像模糊。

原因是当较大的图像适合较小的容器时，质量会下降。当你把它放大时，质量看起来会更差。

相关文章：