Problem mit der Bildqualität in unserem Shopify-Shop

Deutsch Diskussion Shopify Design

Topic summary

  • Problem: Produktbilder erscheinen im Shop unscharf, obwohl hochauflösende Originale vorliegen und Shopify-Empfehlungen eingehalten wurden. Das betrifft mehrere Bilder; ein Screenshot ist angehängt, und eine Produktseite wurde verlinkt.

  • Vermutete Ursache: Im verwendeten Theme (Dawn/Craft) werden Bilder stark komprimiert und per Lazyloading geladen. Hinweis: Lazyloading zeigt zunächst eine niedrig aufgelöste Vorschau, bevor die schärfere Version nachgeladen wird; nach Refresh wirkt das Bild scharf.

  • Genannte Optionen: Premium-Theme mit anderem Bildhandling nutzen. Lazyload auf „eager“ umstellen oder individuellen Code einsetzen; vor Theme-Version 11 war der Eingriff einfacher, jetzt sind kreativere Lösungen nötig.

  • Status: Keine konkrete Lösung umgesetzt, keine abschließende Entscheidung. Diskussion offen; nächste Schritte wären Theme-/Lade-Einstellungen prüfen oder Custom-Code in Betracht ziehen.

Summarized with AI on December 12. AI used: gpt-5.
1

Hallo zusammen,

wir haben ein Problem mit der Darstellung unserer Produktbilder in unserem Shopify-Shop und hoffen, dass jemand aus der Community helfen kann.

Wie im angehängten Screenshot zu sehen ist, wird unser Produktbild nicht in der bestmöglichen Qualität angezeigt. Dieses Problem betrifft auch viele weitere Bilder auf unserer Webseite.

Bildschirmfoto 2024-12-11 um 16.19.26.png
Bildschirmfoto 2024-12-11 um 16.19.26.png2664×1722 380 KB

Beim genauen betrachten, wirkt das Bild unscharf, obwohl wir die Datei in sehr hoher Qualität und in verschiedenen Formaten vorliegen haben. Wir haben bereits sichergestellt, dass das Originalbild die empfohlenen Anforderungen von Shopify erfüllt und optimal skaliert werden kann. Trotzdem wird es im Shop deutlich schlechter dargestellt.

Hat jemand eine Idee, woran das liegen könnte? Gibt es bestimmte Einstellungen oder technische Besonderheiten, die wir übersehen haben könnten?

Vielen Dank vorab für eure Unterstützung! Ich freue mich auf euer Feedback.

Link zur Produktseite: https://heller.coffee/products/the-original

Beste Grüße
Patrick

2

Dawn/Craft. Die komprimieren die Bilder. Sobald du refresht, ist das Bild scharf. Nennt sich Lazyloading. :wink:

Vor Version 11 waren das paar Zeilen Code. Hier gibt es kreative Ideenansätze. Premiumtheme kaufen ist eines. Von Lazyload auf eager umstellen. Oder CustomCode bauen. Für letzteres habe ich jedoch erst Anfang 2025 wieder Kapa.