在Chrome中缩小图像时的模糊图像

Question

Chrome版本55.0.2883.87（64位）

我的图像宽度为225像素。如果我只是将其缩小1px，图像会变得非常模糊。 FF不会发生这种情况。

以下是一个示例：https://jsfiddle.net/keqx1vt8/2/

li {
  list-style-type: none;
  width: 224px;
}

img {
  max-width: 100%;
}

<ul>
    <li><img src="http://i.imgur.com/Ks3QUUr.png"></li>
</ul>

图像是225px，我的最大宽度为224px。单个像素对图像质量产生很大影响（仅限Chrome）。我尝试过使用图像渲染但没有取得多大成功。