Produktbilder scharf/unscharf Firefox vs. Chrome

Shopsysteme - Online Shop erstellen - Jimdo Shopify Shopware Gambio Magento etc
Antworten
Benutzeravatar
Technokrat
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 6991
Registriert: 8. Mai 2014 12:14

Produktbilder scharf/unscharf Firefox vs. Chrome

Ich stehe seit einiger Zeit ziemlich auf dem Schlauch:

Ich habe eine Standard-Chrome-Installation auf mehreren, voneinander unabhängigen Rechnern.

Im Gegensatz zu Firefox werden die Produktbilder im Shop von Chrome recht unscharf dargestellt.

Das scheint aber kein Shopware-spezifisches Problem zu sein, da der gleiche Effekt z.B. in der Google Bildersuche auftritt.

Spart hier Chrome an der Bilddarstellung, um schneller zu sein, oder woran könnte das liegen?

Zumindest den Zoomfaktor kann ich ausschließen.


3 Monate gratis Händlerbund
Doppel
Beiträge: 3043
Registriert: 18. Jun 2012 11:39
Land: Deutschland
Firmenname: Suflix
Branche: E-Commerce, Onlineshops, Marktplätze, FB Gruppe
Kontaktdaten:

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Hab ich leider mit Chrome auch - allerdings nur bei den Kategorien (Vorschaubilder) - liegt am Browser.
Machen kann man da wohl nix - hab zumindest noch nix gefunden, ist bei mir aber auch nur minimal :)
Oppel.BI - Dein Statistik- & Kennzahlentool für Plentymarkets-Nutzer

FB-Gruppe: Suflix
Die Gruppe für Heizung, Solar, Heimwerker etc. - werde auch Du Teil unserer Community!
xMerchant
Beiträge: 3472
Registriert: 24. Mär 2010 19:57
Land: Deutschland

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Das kann man irgendwo in den Einstellungen ändern, das liegt am geänderten Farbraum von Chrome.

https://www.heise.de/newsticker/meldung ... 47974.html
Im letzten Absatz steht, wie man das alte Verhalten wieder bekommt.
roman
Beiträge: 7120
Registriert: 23. Nov 2009 19:51
Land: Oesterreich
Branche: Autoteile

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Wobei nur selbst umzustellen bringt ja nix.
Man möchte ja dass es die Kunden "schön" sehen.

Gibt es dieses Problem auch auf "Marktplätzen" (Ebay, Amazon), oder haben die das technisch besser unter Kontrolle?
Benutzeravatar
Technokrat
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 6991
Registriert: 8. Mai 2014 12:14

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

xMerchant hat geschrieben:Das kann man irgendwo in den Einstellungen ändern, das liegt am geänderten Farbraum von Chrome.

https://www.heise.de/newsticker/meldung ... 47974.html
Im letzten Absatz steht, wie man das alte Verhalten wieder bekommt.
Das mit dem Farbraum habe ich auch gelesen. Das ist es in dem Fall aber nicht - die Farben sind identisch - oder extrem ähnlich - aber das Bild eben unscharf. So kann ich im Firefox z.B. einen kleinen Markenaufdruck noch lesen - bei Chrome sehe ich, dass da was ist.
Benutzeravatar
Technokrat
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 6991
Registriert: 8. Mai 2014 12:14

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

roman hat geschrieben:Wobei nur selbst umzustellen bringt ja nix.
Man möchte ja dass es die Kunden "schön" sehen.

Gibt es dieses Problem auch auf "Marktplätzen" (Ebay, Amazon), oder haben die das technisch besser unter Kontrolle?
Das war eine gute Idee: Auf eBay habe ich das nicht.

Also doch Shopware? Am Auffälligsten ist es tatsächlich in den Artikelboxen - also der Vorschau.
wurzel64
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 316
Registriert: 23. Aug 2015 17:52

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

entweder ist das bild unscharf, dann in allen browsern, dann ist das bild schuld.

oder nur in einem browser, dann ist der browser unscharf. nutzt du verschiedene browser auf demselben device? oder ff am pc und chrome am handy? dann kann es noch am mobil-provider liegen, die die bilder runterrechnen umd datenvolumen zu sparen = unscharf.
Ohne Ziel stimmt jede Richtung.
Benutzeravatar
Technokrat
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 6991
Registriert: 8. Mai 2014 12:14

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Nee, das ist ja das Merkwürdige - die Bilder sind scharf - sonst wären sie im Firefox auch unscharf. Die Browser sind beide auf jeweils dem selben Gerät und hängen jeweils am selben Netz.

Ich meine eine ähnliche Frage gab es vor einiger Zeit schonmal - ich habe sogar mitgeraten, finde den Thread aber nicht mehr.

Es scheint auch kein globales Problem zu sein, sonst würde Google dazu sicherlich mehr ausspucken. Hm :gruebel:
Benutzeravatar
Xantiva
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 4047
Registriert: 22. Okt 2010 17:52
Land: Deutschland
Firmenname: Xantiva.de
Branche: Entwickler, aber auch selber Seller!
Kontaktdaten:

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Hast Du mal eine Beispielseite?

Ich habe z. B. bei einigen FF-Installationen bei der Slider-Animation des JTL-Shops: https://forum.jtl-software.de/threads/s ... ox.101974/

Also Browser ist nicht gleich Browser ;)
Benutzeravatar
Technokrat
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 6991
Registriert: 8. Mai 2014 12:14

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Ist jetzt eine beliebige aus dem Netz - hoffe, das ist ok mit dem Link:

http:// great2gether.com/2016/04/shopware-5-teil-2-shopware-5-konfiguration/

Bei mir schaut das so aus: Links Firefox, rechts Chrome. Das ist auf allen Rechnern das gleiche Ergebnis.
Ich hoffe, der Screenshot kann groß genug angezeigt werden.
Firefox-Chrome.jpg
Firefox-Chrome.jpg (205.23 KiB) 5863 mal betrachtet
Hier nochmal ein Ausschnitt - links kann ich auf dem Bild lesen, rechts wird es matschig.
Firefox-Chrome-01.jpg
Firefox-Chrome-01.jpg (19.95 KiB) 5862 mal betrachtet
Benutzeravatar
Technokrat
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 6991
Registriert: 8. Mai 2014 12:14

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Wenn ich die Hardwarebeschleunigung im Chrome ausschalte, wird es deutlich besser.

Versteht das jemand?

Ich kann ja schlecht den Besucher auffordern, erstmal die Hardwarebeschleunigung auszuschalten?
Benutzeravatar
Xantiva
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 4047
Registriert: 22. Okt 2010 17:52
Land: Deutschland
Firmenname: Xantiva.de
Branche: Entwickler, aber auch selber Seller!
Kontaktdaten:

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Naja, das ist das leidige Thema, wenn große Bilder durch den Browser herunterskaliert werden müssen. Das Originalbild ist 1001 Pixel breit und muss vom Browser auf 745px oder kleiner (je nach Browserbreite) herunterskaliert werden. Offensichtlich ist der Chrome in der Standardeinstellung dabei deutlich schlechter (aber evtl. schneller).
Benutzeravatar
Technokrat
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 6991
Registriert: 8. Mai 2014 12:14

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Hm, aber es kann doch nicht der Weisheit letzter Fall sein, dass Chrome eben einfach alles unscharf darstellt, aber dafür schneller ist. Was ja tatsächlich hinsichtlich der Schnelligkeit der Fall ist.

Wenn ca. 50% der User Inhalte verschwommen im Netz sehen, erklärt das vieles, befriedigt aber nicht.

Warum wird es schärfer, wenn die Hardwarebeschleunigung ausgeschaltet wird - das auf allen Rechnern mit unterschiedlichen Leistungswerten?
Benutzeravatar
Xantiva
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 4047
Registriert: 22. Okt 2010 17:52
Land: Deutschland
Firmenname: Xantiva.de
Branche: Entwickler, aber auch selber Seller!
Kontaktdaten:

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Test das vielleicht mal:

https://stackoverflow.com/questions/379 ... -in-chrome
I found the the following CSS rule fixes Chrome for Mac

Code: Alles auswählen

image-rendering: -webkit-optimize-contrast;
Ansonsten habe ich auf den ersten Blick wieder nur die Hinweise auf responsive Webseiten entdeckt => größere Bilder werden vom Browser herunterskaliert.
Benutzeravatar
Technokrat
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 6991
Registriert: 8. Mai 2014 12:14

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Das hat eine deutliche Verbesserung gebracht, Danke! :daumenhoch:
Benutzeravatar
Technokrat
PLUS-Mitglied
PLUS-Mitglied
Beiträge: 6991
Registriert: 8. Mai 2014 12:14

Re: Produktbilder scharf/unscharf Firefox vs. Chrome

Sollte jemand drüber stolpern:
image-rendering: -webkit-optimize-contrast;
Sollte in der aktuellen Version 5.3.7 untergebracht werden in:
themes/Frontend/Responsive/frontend/_public/src/less/_modules/global.less
Dort im Bereich img.

Danach das Theme neu kompilieren, sonst ändert sich nichts :konfuzius:

Das schafft zumindest bei mir Abhilfe und lässt das Ergebnis in Chrome nahezu bis gleich wie in Firefox aussehen - also eben nicht mehr auffallend unscharf.
Antworten

Zurück zu „Shopsysteme“

  • Information