Размытое изображение при уменьшении изображения в Chrome

Версия Chrome Версия 55.0.2883.87 (64-разрядная версия)

У меня есть изображение шириной 225 пикселей. Если я просто уменьшу его на 1 пиксель, изображение станет очень размытым. Это не происходит с 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>

Размер изображения - 225 пикселей, максимальная ширина - 224 пикселей. Одиночный пиксель сильно влияет на качество изображения (только в Chrome). Я пытался играть с рендерингом изображений без особого успеха.

Источник

0 ответов

Другие вопросы по тегам