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

[Anonymous]

Я работаю над html-файлом. Я хочу отобразить изображение на всей странице в div высотой 200 пикселей. Изображение довольно большое, поэтому должно занимать всю ширину страницы без повторов. Размер изображения 5760 X 3840 пикселей. Вот как я оформил свой div:

Код: Выделить всё

div {
background-image: url('C:/MyFolder/MyImage.jpg');
background-repeat: no-repeat;
height: 200px;
width: 100%;
image-rendering: -webkit-optimize-contrast;
}

Код: Выделить всё

Проблема в том, что изображение выглядит очень размытым. Как показано в коде, я даже использовал атрибут image-rendering, но это не помогло.
Спасибо

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