<img> erzeugt ein verschwommenes Bild

  • Code
    1. 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:
    2. maximale Breite: 300px;
    3. Randradius: 20px;
    4. 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...
    5. 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.

    https://100001.onl/ https://1921681254.mx/

    Dateien

    Dieser Beitrag wurde bereits 1 Mal editiert, zuletzt von okelhemin ()

  • Irgendwie sieht man dein Bild im Anhang nicht :/


    Für Bildanpassungen eventuell GIMP verwenden ;)


    Wäre die Frage, ist das Bild als jpg und wie ist es als Qualität/DPI?


    (Scheinbar auch nur von einem Bot :/)

    Dieser Beitrag wurde bereits 1 Mal editiert, zuletzt von PadMan ()