Erfolgreich
Maximale Bildbreite
Legen Sie fest, wie breit Bilder erscheinen können, von kompakter Darstellung bis zur vollen Containerbreite.
Diese Einstellungsgruppe steuert die maximale Breite eines Bildes, sofern diese Option verfügbar ist. Verwenden Sie sie, um Bilder zurückhaltend zu halten, ihnen mehr visuelles Gewicht zu geben oder sie die verfügbare Fläche ausfüllen zu lassen. Wenn Sie dies im Theme-Editor anpassen, siehe Shopify-Dokumentation zum Anpassen von Themes. Einen breiteren Überblick darüber, wie Theme-Abschnitte und -Blöcke Einstellungen verwenden, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken
Maximale Bildbreite
Abschnitt betitelt „Maximale Bildbreite“Wählen Sie eine kleinere Breite, wenn das Bild den Inhalt in der Nähe unterstützt, statt ihn anzuführen. Das eignet sich gut für Logos, Icons, Badges und andere visuelle Elemente, die proportional zum umgebenden Text bleiben sollen.
Erhöhen Sie die Breite, wenn das Bild mehr Präsenz benötigt, etwa bei Feature-Grafiken, redaktionellen Bildern oder anderem Inhalt, der im Layout stärker hervorstechen soll. Eine größere Einstellung kann das Bild bewusster wirken lassen, ohne den übrigen Inhalt zu verändern.
Wenn Sie den Wert auf 0 setzen, wird die Breitenbegrenzung entfernt und das Bild kann über die volle verfügbare Breite seines Containers gestreckt werden.
Eine Streckung über die volle Breite nutzt nur den im umgebenden Layout verfügbaren Platz. Das Bild wird nicht über die Breite seines Containers hinaus erzwungen.
Eine praktische Breite wählen
Abschnitt betitelt „Eine praktische Breite wählen“Entscheiden Sie zuerst, ob das Bild dekorativ, unterstützend oder ein zentraler Fokuspunkt ist. Unterstützende Bilder wirken meist besser mit einer moderaten Breite, während Fokusbilder oft von mehr Platz profitieren.
Wenn diese Einstellung an verschiedenen Stellen im Theme erscheint, passen Sie sie für jeden Anwendungsfall separat an, statt überall auf einen visuellen Standard zu setzen. Die richtige Bildbreite hängt vom verfügbaren Raum und davon ab, wie präsent das Bild wirken soll.
Bildqualität und Balance
Abschnitt betitelt „Bildqualität und Balance“Größere Bildbreiten machen quellseitig niedrigere Bildqualität stärker sichtbar. Wenn ein Bild weich wirkt, ungünstig zugeschnitten ist oder zu dominant erscheint, reduzieren Sie die Breite, bevor Sie andere Layout-Einstellungen ändern.
Prüfen Sie außerdem das Verhältnis zwischen dem Bild und dem Text oder den Aktionen in der Nähe. Ein übergroßes Bild kann wichtige Inhalte nach unten verschieben oder einen Inhaltsbereich unausgewogen wirken lassen.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Die Bildrolle abstimmen. Verwenden Sie kleinere Breiten für unterstützende visuelle Elemente und größere Breiten für Bilder, die den Inhalt anführen sollen.
- Volle Breite bewusst einsetzen. Setzen Sie den Wert nur auf 0, wenn das Layout genügend Platz bietet und das Bild in dieser Größe weiterhin scharf wirkt.
- Inhaltsbalance prüfen. Stellen Sie sicher, dass ein breiteres Bild nahe Überschriften, Texten oder Handlungsaufforderungen nicht die Oberhand gewinnt.
- Nach Platzierung anpassen. Überprüfen Sie diese Einstellung in jedem Kontext, in dem sie erscheint, da die beste Breite vom verfügbaren Platz abhängt.
- Beide Darstellungen prüfen. Desktop- und Mobile-Steuerelemente können sich unterschiedlich verhalten, daher sollten Sie das Bild vor der Veröffentlichung auf beiden Bildschirmgrößen prüfen.
- Medienauswahl vergleichen. Wenn Desktop und Mobile unterschiedliche Medien verwenden, stellen Sie sicher, dass Zuschnitt, Laden, Fallback-Verhalten und Lesbarkeit in beiden Ansichten weiterhin gut funktionieren.