Bildgrößen

We're testing!

Auf dieser Seite präsentieren wir verschiedene Section-Beispiele, die Bilder enthalten. Die angegebene Breite entspricht der empfohlenen Bannerbreite – in dieser Breite sollte das Bild angelegt werden, um eine optimale Darstellung zu gewährleisten. Die Höhe des Bildes ist variabel und richtet sich nach dem Layout und dem Umfang des begleitenden Textes. Abhängig von der Textlänge kann es sinnvoll sein, ein höheres oder schmaleres Bildformat zu wählen, um ein harmonisches Gesamtbild zu erzielen.

Wichtig: Das Bild sollte sich stets an der vorgegebenen Breite orientieren und nicht unnötig größer angelegt werden, um eine bestmögliche Performance zu gewährleisten. Die Bereitstellung von Bildern in höherer Auflösung, als es für die Anzeige erforderlich ist, führt zu unnötig großen Dateigrößen und längeren Ladezeiten.

Für eine optimale Performance empfehlen wir, Bilder im modernen WebP-Format bereitzustellen. WebP ist mit nahezu allen gängigen Browsern kompatibel, bietet eine hohe Bildqualität bei geringer Dateigröße und trägt somit wesentlich zur Verbesserung der Ladezeit bei. Wir empfehlen ausschließlich Bilder in WebP-Format bereitzustellen!

Falls WebP nicht angewendet werden kann, sollten folgende Formate eingesetzt werden:

  • JPG für Fotografien und Bilder mit vielen Farben
  • SVG/PNG für Grafiken mit transparentem Hintergrund (Hinweis: SVGs können nur hochgeladen werden, sofern die Datei aus Vektoren besteht)

Auch bei diesen Formaten gilt: Die Bilder sollten stets in der benötigten Größe bereitgestellt und nicht unnötig groß exportiert werden, um die Ladegeschwindigkeit der Seite nicht zu beeinträchtigen.


Slideshow

1 von 2

Bild mit Text (kleines Bild)

Bildbreite = 466 px; Höhe variabel je nach Textmenge. Es ist jedoch empfehlenswert, das Bild höher anzulegen, da Shopify die Bilder je nach Textmenge automatisch zuschneidet.

Bild mit Text (mittleres Bild)

Bildbreite = 708 px; Höhe variabel je nach Textmenge. Es ist jedoch empfehlenswert, das Bild höher anzulegen, da Shopify die Bilder je nach Textmenge automatisch zuschneidet.

Bild mit Text (großes Bild)

Bildbreite = 950 px; Höhe variabel je nach Textmenge. Es ist jedoch empfehlenswert, das Bild höher anzulegen, da Shopify die Bilder je nach Textmenge automatisch zuschneidet.

  • Spalte 1

    Bildbreite: 229 px
    Höhe variabel

  • Spalte 2

    Bildbreite: 229 px
    Höhe variabel

  • Spalte 3

    Bildbreite: 229 px
    Höhe variabel

  • Spalte 4

    Bildbreite: 229 px
    Höhe variabel

  • Spalte 5

    Bildbreite: 229 px
    Höhe variabel

  • Spalte 6

    Bildbreite: 229 px
    Höhe variabel

Multimedia-Collage (944 x 944 px)

Beispiel für Produkttitel

Normaler Preis
19,99€
Verkaufspreis 19,99€ Normaler Preis Du sparst -19,99€

Video (Titelbildbreite 1420 px)

Kundenservice

Rich Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et.

Einklappbarer Inhalt

Einklappbare Reihe

Einklappbare Reihe

Einklappbare Reihe

Einklappbare Reihe