Das Bild wird in der mobilen und Desktop-Ansicht unterschiedlich angezeigt

Warum wird das Bild auf Mobilgeräten und Desktops unterschiedlich angezeigt?

GemPages passt Ihr Seitenlayout automatisch an verschiedene Bildschirmgrößen an, basierend auf einer Responsive Design Prinzip. Hier sind die häufigsten Gründe, warum Ihr Bild anders aussehen kann:

• Reaktionsschnelle Größenanpassung: Bilder werden an jedes Gerät angepasst. Dadurch können Größe, Seitenverhältnis oder Zuschnitt eines Bildes geändert werden.
• Gerätesichtbarkeitseinstellungen: Möglicherweise haben Sie das Bild so eingestellt, dass es nur auf dem Desktop, nur auf Mobilgeräten oder auf beiden angezeigt wird.
• Benutzerdefiniertes Layout für jede Ansicht: Möglicherweise haben Sie Abschnitte separat für Mobilgeräte oder Desktops angepasst, was zu Abweichungen führt.

Wie kann man dieses Problem beheben?

So stellen Sie sicher, dass Ihr Bild auf allen Geräten einheitlich aussieht. Öffnen Sie die GemPages-Editor Dashboard und befolgen Sie die nachstehenden Schritte:

Überprüfen Sie die Sichtbarkeitseinstellungen

1. Klicken Sie auf das Bildelement.

2. Gehen Sie in der linken Seitenleiste zu Erweitert Tab.

3. Scrollen Sie zu Anzeige an.

4. Wählen Sie die richtigen Geräte aus (Desktop, Tablet, Mobilgerät).

Bildgröße manuell anpassen

1. Wechseln Sie zu Mobile Ansicht mithilfe des Geräteumschalters.

2. Wählen Sie das Bildelement aus.

3. Passen Sie die Darstellung des Bilds auf Mobilgeräten mithilfe der Steuerelemente für Größe und Abstand an.

4. Wiederholen Sie dies für Tablet anzeigen wenn benötigt.

Verwenden Sie dasselbe Bildelement auf allen Geräten

Wenn Sie das verwenden gleiches Bildelement Beachten Sie für alle Geräte (Desktop, Tablet, Mobilgerät) Folgendes:

• Das Bild kann sein Größe verändert or Abgeschnitten je nach Bildschirmgröße unterschiedlich.
• Ränder, Polsterung oder Abschnittslayout können dazu führen, dass das Bild verschoben oder gestreckt wird.
• Auf kleineren Bildschirmen kann dasselbe Bild zu groß erscheinen oder unscharf sein.

Damit es einheitlich aussieht:

1. Wählen Sie das Bildelement aus.

2. Verwenden Sie die Geräteumschalter um eine Vorschau der Darstellung auf den einzelnen Geräten anzuzeigen

3. Passen Sie Einstellungen wie Maximale Breite/Höhe, Polsterung/Rand und Objektanpassung an

4. Wenden Sie für jedes Gerät unterschiedliche Werte an, indem Sie die Gerätesymbol neben jeder Einstellung.

Laden Sie für jedes Gerät unterschiedliche Bildversionen hoch (optional) 

Wenn ein Bild nicht auf allen Geräten gut funktioniert, versuchen Sie diesen Ansatz:

1. Bereiten Sie mehrere Versionen desselben Bildes vor (z. B. optimiert für Desktop und Mobilgeräte).

2. Laden Sie jede Version als separates Bildelement in Ihr Layout hoch.

3. Verwenden Sie die Sichtbarkeit Einstellung zum Anzeigen/Ausblenden jedes Bildes basierend auf dem Gerät.