Hero-Banner-Bilder für alle Geräte optimieren

Wie funktioniert das Heldenbanner?

GemPages passt die Größe von Hero-Banner-Bildern automatisch an, um die Seitenladegeschwindigkeit für verschiedene Geräte zu verbessern:

• Tablet-Ansicht: Die Bildgröße wird auf eine maximale Breite von 1024 Pixel angepasst.
• Mobile Ansicht: Die Bildgröße wird auf eine maximale Breite von 768 Pixel angepasst.

Diese Größenänderung kann die Bildqualität beeinträchtigen, wenn dasselbe Bild sowohl für Desktop- als auch für mobile Geräte verwendet wird. Um sicherzustellen, dass Ihr Hero Banner optimal aussieht, haben Sie zwei Möglichkeiten:

• Verwenden Sie die gleiches Bildverhältnis für alle Geräte.
• Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen, separate Bilder für jedes Gerät.

Wie optimiere ich die Hero-Bannerbilder für alle Geräte?

Option 1: Verwenden eines einheitlichen Bildverhältnisses für alle Geräte

Wenn Sie dasselbe Bild auf Desktop, Tablet und Mobilgerät verwenden möchten, klicken Sie auf das Heldenelement um die Einstellungen zu öffnen und die folgenden Schritte auszuführen:

Schritt 1: Laden Sie Ihr Bild zum Hero Banner hoch. 

• Von dem Einstellungen in der linken Seitenleiste, scrollen Sie nach unten zum Hintergrund .
• Klicken Sie auf den Button Hinzufügen ...”-Schaltfläche neben dem Bild Option zum Erweitern der Bildhintergrundkonfiguration.
• Hit Laden Sie ein neues Bild hochund stellen Sie sicher, dass das Bild mindestens 1920 Pixel groß ist breit.

Schritt 2: Legen Sie das Größen-/Bannerverhältnis für jede Geräteansicht fest.

• Finden Sie die Rahmen Option unter dem Größe .
• Wähle die Als Bannerquelle aus dem Dropdown.

Die Größe des Banners wird automatisch an die Bildschirmgröße angepasst, wobei die ursprünglichen Proportionen des Bildes erhalten bleiben.

Option 2: Verwenden separater Bilder für jedes Gerät

Für Desktop und Tablet:

Laden Sie Ihr Bild in das Hero Banner hoch. Achten Sie darauf, ein Bild mit einer Breite von mindestens 1920 Pixeln zu verwenden. Dies garantiert eine hochwertige Darstellung auf größeren Bildschirmen.

Für Handys:

Schritt 1: Wählen Sie den Geräteansichtsbereich aus, für den Sie optimieren möchten.

Schritt 2: Laden Sie ein für Mobilgeräte optimiertes Bild hoch. 

Das Bild sollte dem Breite-Höhe-Verhältnis des Banners entsprechen und eine Mindestbreite von 768 Pixeln haben.

Ejemplo: Wenn Ihr Banner 375 Pixel breit und 500 Pixel hoch ist, sollte das hochgeladene Bild dasselbe Verhältnis von 375:500 beibehalten, aber eine Breite von 768 Pixel haben.

• Mindestbreite = 768 Pixel
• Berechnete Höhe = (768/375)×500=1024px
• Die optimale Größe für dieses Beispiel wäre 768×1024 px.