Artikelbilder verschwommen

Thema wurde von Anonymous, 21. November 2018 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    6. August 2018
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    4
    Hallo,

    ich habe einen angepassten Demoshop3 im Einsatz.
    Der Slider mit den top Produkten auf der Startseite liefert verschwommene Bilder.
    Die Bilder werden scharf, sobald ich mit der Maus darüber fahre.
    Klicke ich im Slider auf den Pfeil nach rechts, werden alle Bilder scharf, wenn ich noch eins weiter klicke, werden sie wieder unscharf... Ich bin am Verzweifeln, finde einfach keinen Unterschied.

    Hier einmal unscharf, nur das gehoverte Bild ist scharf.

    unscharf.png

    Dann habe ich rechts auf den Pfeil geklickt, nun sind alle Bilder scharf. Wenn ich nochmal weiter klicke, werden wieder alle unscharf.
    scharf.png

    Kennt jemand das Problem, oder kann mir einen Denkanstoß geben?

    Vielen Dank.
    Tobias
     
  2. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    ohne link kein nachsehen möglich.
    ggf. hast zu kleine Bilder oder oder
    Deine Bilder zeigen den Produkt Swiper und nicht den Slider - welchen meinst genau?

    ggf. sind deine Bildoptionen im Admin nicht korekt. Da auch screen von.
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    6. August 2018
    Beiträge:
    50
    Danke erhalten:
    1
    Danke vergeben:
    4
    Hey,
    habe herausgefunden, dass das Problem nur im Chrome existiert.

    Gruß
    Tobias
     

    Anhänge:

  4. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Chrome skaliert Bilder immer schlecht, dabei leiden die. Man kann dazu nicht viel mehr sagen als damit müssen Chrome Nutzer leben. Es gibt dazu eigentlich nur theoretisch anwendbare Lösungen.

    Ein erster Funfact:
    Wahrscheinlich verschwindet dein Problem, wenn du in den Chrome Optionen die Hardwarebeschleunigung abschaltest. Das macht aber kein Kunde-

    Man kann per CSS noch ein bisschen was versuchen...

    Code:
    img {
    image-rendering: -moz-crisp-edges; /* Firefox /
    image-rendering: -o-crisp-edges; / Opera /
    image-rendering: -webkit-optimize-contrast;/ Webkit (non-standard naming) /
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; / IE (non-standard property) */
    }
    Wenn man das aber auf alle Bilder anwendet leiden auch welche darunter, die dann schlechter werden, also darf man das nur gezielt auf kleine Bereiche. Befriedigend finde ich das aber auch nicht.