Shopify 图像模糊

Question

当我将图像添加到我正在处理的Shopify 网站（布鲁克林主题）时，它们看起来很模糊，除非缩小到非常小的尺寸。我正在使用的图像是 1748 x 1240、300dpi。

我的目标是向站点添加一个 JQuery 图像滑块 (lightslider)，这是我第一次发现问题的地方：缩略图看起来不错（95 x 67）但主轮播图像模糊（图像宽度设置为 100%，导致其父 div 内的最大宽度为 891 x 633）。

我已经在Shopify 之外测试了滑块，并且图像看起来并不模糊。我还尝试将图像与滑块分开添加，并在 Shopify 主题中测试了不同的滑块 (flex-slider)，在这两种情况下，大图像都是模糊的。

我唯一的理论是 Shopify 主题 CSS 中的某些东西会影响我的图像。有谁知道是这种情况还是我错过了什么？

Answer 1

这应该是不可能的。想到两件事：

1. 图像真的是 1748 x 1240 吗？如果您右键单击模糊图像并选择“查看图像”，图像的尺寸是多少？
2. 如果您的 css 宽度为 100%，您的 css 高度是否为：auto？

另外，我已经很久没有见过这种情况了，但可能值得尝试使用不同的浏览器。在过去，一些浏览器有可怕的图像缩放引擎。您可以尝试手动缩放图像，使它们只有 891 x 633 - 如果这是它们的实际最大值，那么下载较大的图像无论如何都是浪费带宽。