时间戳

首页 > 解决方案 > Wordpress images load crisply on IE but are blurry on chrome?

html - Wordpress images load crisply on IE but are blurry on chrome?

问题描述

Page in question here : http://www.loftuspeak.com.au/investment-management-team/

I load the page up in chrome and all images are blurry. I load the page up in internet explorer and the images are crisp.

Any idea what could be causing this?

Chrome on the left, IE on the right: https://imgur.com/a/wXhYUFs

标签： htmlcss

解决方案

您提供的屏幕截图具有不同的缩放比例：图像在 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;

它不会使渲染清晰。相反，它会使它在更大的缩放中像素化。对于照片，情况更糟。）

推荐阅读