Screenshots werden verschwommen dargestellt wenn die größe geändert wird.

Question

Hallo,

ich habe das Problem dass wenn ich screenshots mittels folgendem html befehl einfüge, die Bilder verschwommen dargestellt werden sobald ich die Größe ändere:

"<"img src="inputtype2.png" height="120px" width="200px">"
"<"img src="inputtype1.png" height="120px" width="200px">"

Die Screenshots werden normal dargestellt wenn ich die Größe nicht ändere (sind dann jedoch zu groß). Gibt es vielleicht einen anderen Weg um die Größe der Bilder anzupassen?

Danke und LG

Answer 1

Wenn Sie ein Bild mit weniger Pixeln auf dem Bildschirm darstellen als es tatsächlich hat, dann müssen mehrere Pixel zu einem "vermatscht" werden.

Das beste Ergebnis werden Sie erreichen, wenn Sie den Screenshot vorab in einer guten Grafikbearbeitung (z.B. GIMP) skalieren und sanft nachschärfen. Aber die Original-Schärfe können Sie mit weniger Pixeln einfach nicht erreichen.

Bevor Sie nun vorab skalieren: Es kann durchaus sinnvoll sein, die Bilder mit einer höheren Auflösung zu hinterlegen und im Browser kleiner zu skalieren. Nämlich dann, wenn die Nutzer ein hochauflösendes Display (z.B. Retina-Displays) verwenden.

Weiterhin empfehle ich, die Höhe nicht (!) anzugeben. Dann skaliert der Browser diese automatisch.