FROM CACHE - de_header

Landingpage Bild anpassen

Gelöst
Gab81
Entdecker
32 1 6

Hallo Zusammen

Ich verwende das Debut Theme und mich würde es interessieren, was das Hauptbild für eine Grösse haben sollte, damit es im Desktop und Mobile korrekt angezeigt wird. Hab verschiedene Bilder ausprobiert und jedesmal sieht es entweder in der Desktopansicht perfekt aus, aber in der Mobileansicht wird es abgeschnitten. Dann fand ich ein anderes Bild, welches in der Mobileansicht super passt, aber in der Desktopansicht schlimm aussieht. 

Wer kann mir Tipps geben?

 

Danke!

2 AKZEPTIERTE LÖSUNGEN

Anerkannte Lösungen
Gabe
Shopify Staff
Shopify Staff
7464 1197 1941

Erfolg.

Hey @Gab81 

Danke für deine Frage und ich kann das voll verstehen, dass es etwas fummelig ist mit den Bilder Aspekte in der Debut Slideshow auf Desktop, auf Responsive UI und auf dem Handy. Hier haben wir zwei Optionen und zwar 1) es selber DIY (do-it-yourself) versuchen bis die Bilder genau richtig sind, oder 2) andere Themes zu testen die das einfach besser können mit den Bilder. Eine Sammlung von Themes die das einfach besser können mit der Bildqualität und den Aspekten, ist hier zu sehen (https://bit.ly/3uNxVzu) und ich rate sehr ein paar dieser Theme zum Shop hinzuzufügen und testen. Das kostet nichts.

Das kann ich aber trotzdem verstehen, dass das frustrierend sein kann und wie die Bilder auf Desktop und auf Handy aussehen hängt stark von den Bildern selber ab und wie sie 'geschnitten' wurden. Hast du unsere Anleitungen dazu schon geprüft? Siehe diese hier:

Die Bilder brauchen das richtige Bild-Aspekt und das muss man im Bildeditor zuerst zusammenschneiden. Die Platzhalter im Debut Theme haben einen bestimmten Aspekt Ratio und wenn das Bild, dass du im Platzhalter einfügst, nicht das gleiche Aspekt hat dann wird es entweder auf Desktop oder Mobile wie verschoben aussehen. Ich rate einfach mehrere Bildproben da hochladen bis du die beste Version findest auf Desktop und Mobile. 

Einige Themes haben eine Einstellung für die Bildposition, mit der du festlegen kannst, welcher Teil eines Bilds das Zentrum ist. Wenn dein Theme keine solche Einstellung hat, stelle sicher, dass das Zentrum jedes Bilds in der Mitte liegt. Wenn deine Bilder auf einigen Bildschirmen abgeschnitten werden, ist das Zentrum sichtbar, während Bereiche um es herum verborgen sind.

Breite Bilder können links und rechts abgeschnitten werden, wenn das verwendete Gerät einen hohen Bildschirm hat (wie z. B. ein Handy oder Tablet). Hohe Bilder werden möglicherweise oben und unten abgeschnitten, wenn das für die Anzeige verwendete Gerät einen breiten Bildschirm hat (wie z. B. ein Laptop oder ein PC).

Das Seitenverhältnis eines Bildes ist das Verhältnis seiner Breite zu seiner Höhe. Ein Bild mit 200 x 400 Pixel hat beispielsweise ein Seitenverhältnis von 1:2. Ein Bild, das 150 x 450 Pixel groß ist, hat ein Seitenverhältnis von 1:3. Bilder können unterschiedlich groß sein und immer noch das gleiche Seitenverhältnis haben. Um zu berechnen, ob Bilder das gleiche Seitenverhältnis haben, teile die Breite jedes Bildes durch seine Höhe und vergleiche dann die Ergebnisse. Mit einem einheitlichen Seitenverhältnis für alle Bilder eines bestimmten Typs können diese besser nebeneinander angezeigt werden, da sie alle dieselbe Größe aufweisen. Sollen beispielsweise deine Produktbilder innerhalb einer Kategorie alle in derselben Größe angezeigt werden, müssen sie über dasselbe Seitenverhältnis verfügen. Mit dem Bildeditor kannst du deine Bilder auf das gleiche Seitenverhältnis zuschneiden.

Ich hoffe ich habe damit etwas helfen können das Problem zu lösen. Unsere Experten wie Taskhusky sind da sehr beliebt und den findest du hier.

Nicht vergessen, dass unsere Hilfe hier nicht endet, also lass gerne wissen wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business, indem du direkt auf dieses Message antwortest oder einen neuen Leitfaden startest. Dafür ist die Community ja da.

VG,

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

Gabe
Shopify Staff
Shopify Staff
7464 1197 1941

Erfolg.

@Gab81 

Ich persönlich finde das Debut Theme ist etwas limitiert v. a. was Bilder auf Mobile anbelangt und deine Entscheidung ein anderes Theme auszuprobieren war eine gute Idee!

Vielleicht findest du meinen Video hilfreich in diesem Leitfaden wo ich zeige wie man mehrere Themes testen kann denn nur so wird man das richtige und beste Theme für die Bilder, die Produkte und das ganze Shop Branding finden.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

3 ANTWORTEN 3
Gabe
Shopify Staff
Shopify Staff
7464 1197 1941

Erfolg.

Hey @Gab81 

Danke für deine Frage und ich kann das voll verstehen, dass es etwas fummelig ist mit den Bilder Aspekte in der Debut Slideshow auf Desktop, auf Responsive UI und auf dem Handy. Hier haben wir zwei Optionen und zwar 1) es selber DIY (do-it-yourself) versuchen bis die Bilder genau richtig sind, oder 2) andere Themes zu testen die das einfach besser können mit den Bilder. Eine Sammlung von Themes die das einfach besser können mit der Bildqualität und den Aspekten, ist hier zu sehen (https://bit.ly/3uNxVzu) und ich rate sehr ein paar dieser Theme zum Shop hinzuzufügen und testen. Das kostet nichts.

Das kann ich aber trotzdem verstehen, dass das frustrierend sein kann und wie die Bilder auf Desktop und auf Handy aussehen hängt stark von den Bildern selber ab und wie sie 'geschnitten' wurden. Hast du unsere Anleitungen dazu schon geprüft? Siehe diese hier:

Die Bilder brauchen das richtige Bild-Aspekt und das muss man im Bildeditor zuerst zusammenschneiden. Die Platzhalter im Debut Theme haben einen bestimmten Aspekt Ratio und wenn das Bild, dass du im Platzhalter einfügst, nicht das gleiche Aspekt hat dann wird es entweder auf Desktop oder Mobile wie verschoben aussehen. Ich rate einfach mehrere Bildproben da hochladen bis du die beste Version findest auf Desktop und Mobile. 

Einige Themes haben eine Einstellung für die Bildposition, mit der du festlegen kannst, welcher Teil eines Bilds das Zentrum ist. Wenn dein Theme keine solche Einstellung hat, stelle sicher, dass das Zentrum jedes Bilds in der Mitte liegt. Wenn deine Bilder auf einigen Bildschirmen abgeschnitten werden, ist das Zentrum sichtbar, während Bereiche um es herum verborgen sind.

Breite Bilder können links und rechts abgeschnitten werden, wenn das verwendete Gerät einen hohen Bildschirm hat (wie z. B. ein Handy oder Tablet). Hohe Bilder werden möglicherweise oben und unten abgeschnitten, wenn das für die Anzeige verwendete Gerät einen breiten Bildschirm hat (wie z. B. ein Laptop oder ein PC).

Das Seitenverhältnis eines Bildes ist das Verhältnis seiner Breite zu seiner Höhe. Ein Bild mit 200 x 400 Pixel hat beispielsweise ein Seitenverhältnis von 1:2. Ein Bild, das 150 x 450 Pixel groß ist, hat ein Seitenverhältnis von 1:3. Bilder können unterschiedlich groß sein und immer noch das gleiche Seitenverhältnis haben. Um zu berechnen, ob Bilder das gleiche Seitenverhältnis haben, teile die Breite jedes Bildes durch seine Höhe und vergleiche dann die Ergebnisse. Mit einem einheitlichen Seitenverhältnis für alle Bilder eines bestimmten Typs können diese besser nebeneinander angezeigt werden, da sie alle dieselbe Größe aufweisen. Sollen beispielsweise deine Produktbilder innerhalb einer Kategorie alle in derselben Größe angezeigt werden, müssen sie über dasselbe Seitenverhältnis verfügen. Mit dem Bildeditor kannst du deine Bilder auf das gleiche Seitenverhältnis zuschneiden.

Ich hoffe ich habe damit etwas helfen können das Problem zu lösen. Unsere Experten wie Taskhusky sind da sehr beliebt und den findest du hier.

Nicht vergessen, dass unsere Hilfe hier nicht endet, also lass gerne wissen wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business, indem du direkt auf dieses Message antwortest oder einen neuen Leitfaden startest. Dafür ist die Community ja da.

VG,

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Gab81
Entdecker
32 1 6

Danke! Hab vorhin ein anderes Theme ausprobiert und es wandelt das Bild auf das Mobile perfekt um. Es lag am Debut Theme. Müsste man sich überlegen, das Theme Debut sonst zu aktualisieren. Da bis zu 90% der Einkäufe heute per Mobile stattfinden Danke!

Gabe
Shopify Staff
Shopify Staff
7464 1197 1941

Erfolg.

@Gab81 

Ich persönlich finde das Debut Theme ist etwas limitiert v. a. was Bilder auf Mobile anbelangt und deine Entscheidung ein anderes Theme auszuprobieren war eine gute Idee!

Vielleicht findest du meinen Video hilfreich in diesem Leitfaden wo ich zeige wie man mehrere Themes testen kann denn nur so wird man das richtige und beste Theme für die Bilder, die Produkte und das ganze Shop Branding finden.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog