Изображение в HTML -файле очень размыто и не фокусируется ⇐ CSS

[Anonymous]

Я работаю над HTML -файлом. Я хочу отобразить изображение по всей странице в Div с высотой 200 px. Изображение довольно большое, поэтому оно должно занимать ширину страницы без какого -либо повторения. Размер изображения составляет 5760 x 3840 пикселей. Ниже я стилизовал свой Div: < /p>


div {
background-image: url('C:/MyFolder/MyImage.jpg');
background-repeat: no-repeat;
height: 200px;
width: 100%;
image-rendering: -webkit-optimize-contrast;
}< /code>
< /code>
< /div>
< /div>
< /p>
Проблема в том, что изображение отображается очень размытым. Как показано в коде, я даже использовал атрибут-Рендерринг изображения, но не помог.
Спасибо

Подробнее здесь: https://stackoverflow.com/questions/499 ... t-of-focus