Das Bild in einer HTML-Datei ist sehr unscharf und unscharf ⇐ HTML

[Anonymous]

Ich arbeite an einer HTML-Datei. Ich möchte ein Bild auf der gesamten Seite in einem Div mit einer Höhe von 200 Pixeln anzeigen. Das Bild ist recht groß und sollte daher ohne Wiederholungen die Breite der Seite einnehmen. Die Größe des Bildes beträgt 5760 x 3840 Pixel. So habe ich mein Div gestaltet:

Code: Select all

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

Code: Select all

Das Problem ist, dass das Bild sehr unscharf erscheint. Wie im Code gezeigt, habe ich sogar das Image-Rendering-Attribut verwendet, aber es hat nicht geholfen.
Vielen Dank