ich bin gerade dabei einen Shopware-Shop für einen Kunden einzurichten. Dabei habe ich aktuell folgendes Problem:
Wenn ich Bilder hochlade, werden bei schrägem Blick auf den Monitor auf den Bildern gelbe “Schatten” angezeigt. Interessanterweise sind diese Schatten jedoch nicht in den Original-Bildern sichtbar (das wäre auch zu leicht ). Ich habe mir nun die von Shopware generierten Bilder angesehen (also die Bilder, welche per HTML / CSS eingebunden werden) und diese haben die Schatten nicht.
Ich würde also darauf tippen, dass es ein Problem von CSS oder Javascript ist.
Hat jemand ein ähnliches Problem oder eine Idee, woran das liegen kann?
Das ist meiner Meinung nach ein Problem der Kompression. Da die Bilder in SW neu gerechnet (und komprimiert werden), kann das der Fall sein. Außer Du sprichst von „Schatten“ außerhalb der Bilder. Dann liegt vermutlich ein CSS Shadow darüber.
Nein, ich spreche schon von Schatten auf/in den Bildern.
Ich dachte erst auch, dass es an der Kompression liegt, aber wenn ich mir die Original-Bilder (welche ich mir aus dem CSS-/HTML-Code nehme) anzeigen lasse, dann sind keine Schatten zu sehen. Oder komprimiert Shopware da nochmal irgendwo?
Möglicherweise liegt es an der bikubischen Bildberechnung des Browsers bei der automatischen Skalierung. Das wäre das Einzige, was mir noch einfällt. Oder es liegt ein Layer mit Farbverlauf darüber, das würdest Du im Inspector / Firebug aber sehen.
Soweit ich mich erinnern kann gab es da mal einen Fehler bei imagemagick oder einer dieser libs die das Problem verursacht. Habe eben durch kurzes googlen aber nichts finden können… Das Keyword ‚image‘ wird da von Google zu gesondert abgehandelt als das man da schnell was findet. Oder ich täusch mich
Wenn es an IM liegen würde - oder prinzipiell an der Bildberechnung durch SW (verwendet SW IM? Das weiß ich gar nicht…) - wäre der gelbe Schatten auch in der Einzelansicht des Bildes vorhanden. Von daher denke ich, dass es nur zwei Möglichkeiten gibt:
Der Browser komprimiert das Bild bei der bikubischen Berechnung der Skalierung weiter
Es gibt eine CSS Notation, die das Bild mit einem anderen überlädt (::after etc…)
Ich würde folgendes tun:
Shop mit dem Bare Theme laden. Ist der Schatten weg, dürfte es ein CSS Thema sein.
Einen anderen Browser ausprobieren. Ist hier der Schatten weg, liegt es an der Browserberechnung.
Mit diesen Tests kannst Du nun sehr exakt einschränken, woher das Problem kommt.
Also ich habe mir beide Bilder (das ist ja eine Image Sourceset) angesehen und mit PS analysiert. Das große Bild sieht normals aus, das Kleine hat im Hintergrund Farbartefakte. Ob das wirklich der Grund ist, kann ich nicht sagen. Ich seh bei mir auch keine Schatten am Monitor…
die Streifenbildung im Hintergrund wird durch die Thumbnailgenerierung erzeugt. Fällt je nach Weißton und Verkleinerungsfaktor unterschiedlich aus. Kann man letztlich nur beeinflussen, wenn man die Thumbnailgenerierung in Shopware individuell anpasst oder das Ausgangsbildmaterial ändert.
). Ich habe mir nun die von Shopware generierten Bilder angesehen (also die Bilder, welche per HTML / CSS eingebunden werden) und diese haben die Schatten nicht.
