Code
Ich habe ein Bild mit einer Originalgröße von 3367x5066. Ich habe es mit Affinity Photo auf 700x1053 skaliert. Das Bild sieht gut aus, wenn ich es mit der Windows-Foto-App betrachte. Jetzt habe ich das Bild mit <img> auf meiner Website eingebunden. Ich verwende diese CSS-Eigenschaften:
maximale Breite: 300px;
Randradius: 20px;
Auf meiner Website sieht das Bild jedoch verschwommen aus. Ich habe versucht, "image-rendering: pixelated;" zu verwenden. Es sieht dann schärfer aus, ist aber auch verpixelt...
Ich habe dieses Problem mit anderen Bildern auf meiner Website nicht. Weiß jemand wie ich das beheben kann? Wenn ich es mit der Windows Photo App verkleinere, indem ich das Fenster kleiner ziehe, sieht es gut aus.
