Wir wissen, dass Sie die besten Bilder auf Ihrer Website präsentieren möchten. Dieser Artikel zeigt Ihnen einen Leitfaden für Bildgrößen, die perfekt auf Ihrer Website angezeigt werden sollen.
Auf dieser Seite
Bildgrößen für verschiedene Abschnitte und Blöcke
Beim Thema Be Yours empfehlen wir Ihnen, die jeweiligen Bildgrößen wie folgt auf verschiedene Abschnitte anzuwenden:
- Bundle-Produkte : 1000 x 1100 Pixel.
- Im Blogbeitrag vorgestelltes Bild :
Sie können Bilder im Quadrat-, Breit- oder Querformat auswählen, um das beste Aussehen zu erzielen. Die empfohlenen Größen sind in diesen Fällen:
- Quadratisch: mindestens 2000 x 2000 Pixel
- Querformat: mindestens 2400 x 1600 Pixel
- Breit: mindestens 2400 x 1350 Pixel
Um das vorgestellte Bild für den Blog-Beitrag festzulegen, gehen Sie in Ihrem Shopify-Admin-Dashboard zu Online-Shops > Blog-Beiträge . Klicken Sie dann auf den Beitrag und suchen Sie das Feld „Empfohlenes Bild“ in der rechten Spalte, um das Bild hinzuzufügen.
Auf Ihrer Website wird das vorgestellte Bild des Blogbeitrags an zwei Stellen angezeigt, darunter ein Miniaturbild des Beitrags auf der Blogseite und ein oberes Banner auf der Beitragsseite.
Miniaturbild des Beitrags:
Top-Banner des Beitrags:
- Ausgewähltes Bild der Sammlung :
Die empfohlenen Bildpixelgrößen ähneln denen des im Blogbeitrag vorgestellten Bildes.
Um das ausgewählte Bild der Sammlung festzulegen, gehen Sie in Ihrem Shopify-Admin-Dashboard zu Produkte > Sammlungen . Klicken Sie dann auf die Sammlung und suchen Sie das Feld „Sammlungsbild“ in der rechten Spalte, um das Bild hinzuzufügen.
- Bildvergleich : 1920 x 960 Pixel.
- Bild mit Textüberlagerung : 1920 x 1280 Pixel.
- Ebenenbilder mit Text : 1000 x 1100 Pixel.
- Lookbook : 1500 x 750 Pixel.
- Werbebild im Mega-Menü (Header-Bereich) :
Die empfohlene Größe hängt von Ihrem gewählten Bildverhältnis ab, wie zum Beispiel:
- Quadratisch: mindestens 2000 x 2000 Pixel
- Porträt: mindestens 2000 x 2500 Pixel
- Querformat: mindestens 2400 x 1600 Pixel
- Breit: mindestens 2400 x 1350 Pixel
- Reveal-Banner : 1920 x 1280 Pixel.
- Shoppe den Look : 1000 x 1000 Pixel.
- Diashow : 2048 x 1365 Pixel.
Für die Diashow empfehlen wir Ihnen dringend, separate Bilder für Desktop- und Mobilversionen einzufügen, um die beste Bilddarstellung auf verschiedenen Geräten zu erhalten.
Wenn Sie für beide Versionen dieselben Bilder anwenden, erfolgt der Zuschnitt bei der Anzeige auf Mobilgeräten standardmäßig in der Mitte der Bilder. Um zu vermeiden, dass wichtige Details Ihrer Bilder verloren gehen und der Fokus auf verschiedenen Anzeigegeräten liegt, können Sie eine der folgenden Methoden anwenden:
- Versuchen Sie beim Entwerfen oder Fotografieren, die überzeugendsten und relevantesten Teile in der Bildmitte zu belassen.
- Sie können auch beim Laden auf dem Desktop oder Mobilgerät das Originalbild beibehalten, indem Sie in der Dropdown-Liste „Diashow > Desktop-Höhe“ oder „Diashow > Mobile-Layout > Mobile-Höhe “ die Option „An erstes Bild anpassen“ auswählen.
- Tab-Collage : 1200 x 1200 Pixel.
Bildgrößen für Produkte
Über die Registerkarte „Produkte“ in Ihrem Shopify-Admin-Dashboard können Sie neue Produkte mit ihren Bildern hinzufügen. Diese Produkte und Bilder werden in den produktbezogenen Abschnitten auf Ihrer Beyours-Theme-Website angezeigt, z. B. in der hervorgehobenen Sammlung , im hervorgehobenen Produkt oder in den zuletzt angesehenen Produkten . In diesen Abschnitten stehen Ihnen die Optionen für das Bildverhältnis „ An Bild anpassen“ , „Quadrat “, „Hochformat “, „Querformat “ und „ Breit “ zur Verfügung, um Produktbilder Ihrer Wahl anzuzeigen.
Wir empfehlen die Produktbildgrößen basierend auf diesen Bildverhältnissen wie folgt:
- Quadratisch : mindestens 2000 x 2000 Pixel
- Porträt : mindestens 2000 x 2500 Pixel
- Querformat : mindestens 2400 x 1600 Pixel
- Breit : mindestens 2400 x 1350 Pixel
Das sind alle unsere Empfehlungen für die besten Bildgrößen für das Be Yours- Thema.
Es ist außerdem wichtig zu beachten, dass Sie für Bilder in ähnlichen Blöcken im selben Abschnitt eine einheitliche Größe anwenden sollten. Wenn Sie beispielsweise einen Diashow-Abschnitt mit vier Bildern hinzufügen, stellen Sie sicher, dass diese vier Bilder die gleiche Größe haben.
Wir hoffen, dass Sie diesen Artikel hilfreich finden! Wenn Sie Bedenken bezüglich dieser Funktion haben, wenden Sie sich bitte an unser Team, um weitere Unterstützung zu erhalten.
Share:
Benutzerdefinierte Javascript-Ereignis-Listener und -Trigger in Be Yours
Fügen Sie Ihrem Shopify-Theme benutzerdefinierte Schriftarten hinzu