html - Wordpress 图像在 IE 上加载清晰，但在 chrome 上加载模糊？

Question

这里有问题的页面:http://www.loftuspeak.com.au/investment-management-team/

我在 chrome 中加载页面，但所有图像都很模糊。我在 Internet Explorer 中加载页面，图像清晰。

知道是什么原因造成的吗？

左边是 Chrome，右边是 IE:https://imgur.com/a/wXhYUFs

Answer 1

您提供的屏幕截图具有不同的缩放比例:图像在 IE 上的宽度为 294px，在 Chrome 上的宽度为 323px(即缩放比例为 110%)。尝试使用 Ctrl+减号更改 Chrome 的缩放。

您的图片较小，用户希望以更大的尺寸显示它。

只需使用较大的照片(通常的做法是使用两倍大的照片，然后将它们缩小——这在 Retina 屏幕上看起来也不错)。

(请删除您添加的 CSS，

image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;

它不会使渲染清晰。相反，它会使它在更大的变焦上像素化。对于照片，情况更糟。)