Der ultimative Leitfaden zur Optimierung der Shopify-Bildgrößen für Ihren Shop

Veröffentlicht: 2022-06-24

Wenn Ihr Geschäft online geht, müssen Sie viele Faktoren berücksichtigen, um sicherzustellen, dass Ihr Geschäft reibungslos und effizient funktioniert. Besonders wenn Kunden online einkaufen, können sie die Produkte, die Sie verkaufen, nicht direkt sehen und die Qualität der Waren kontrollieren. Daher können sie zögern, wenn sie sich für den Kauf Ihrer Produkte entscheiden. Mit anderen Worten, Sie müssen sicherstellen, dass Ihre Bilder in Online-Shops eine gute Qualität haben und viele Aspekte der Ware zeigen, die Ihre Käufer zum Kauf anregen. Wenn Sie ein Shopify-Ladenbesitzer sind, ist dieser Artikel definitiv für Sie. Wir geben Ihnen den ultimativen Leitfaden zur Optimierung der Produktbildgrößen für Ihren Shopify-Shop.

Beste Bildgröße für Shopify

Zunächst fragen Sie sich vielleicht, warum Bildgrößen für Ihren Shopify-Shop wichtig sind.

Verbessern Sie die Benutzererfahrung: Wenn Ihre Fotos so erstellt werden, dass sie auf allen Geräten ohne Verschwommenheit und ohne Dehnung angezeigt werden, können sich Online-Käufer Dinge besser vorstellen, technische Daten verstehen und ein virtuelles Erscheinungsbild erhalten. Dies verbessert ihr gesamtes Einkaufserlebnis.

Erhöhen Sie die Seitenladegeschwindigkeit: Durch die Optimierung der Bildgrößen wird keine Ihrer Webseiten unnötig groß. Es spielt keine Rolle, wie viele Bilder sich auf einer Seite befinden. Infolgedessen wird Ihre Website in weniger als drei Sekunden geladen, was die kürzeste Zeit ist, die ein Verbraucher tolerieren wird. Wenn Sie Ihre Website schneller verbessern müssen, sollten Sie andere Ratschläge zur Optimierung der Shopify-Shopleistung recherchieren und implementieren.

Verbessern Sie andere SEO-Bemühungen: Die Optimierung Ihres Fotos sorgt für eine hervorragende Ladegeschwindigkeit Ihrer Seite und hilft bei all Ihren SEO-Aktivitäten. Es informiert Suchmaschinen darüber, dass Ihre Website die gesuchten Informationen enthält, was Ihr Ranking erhöht.

Als Nächstes stellen wir Ihnen einige gängige Shopify-Bildgrößen vor

einige gängige Shopify-Bildgrößen

Shopify-Produktbildgröße: 2048 x 2048 px oder 800 x 800 px

Denken Sie daran, dass Sie nur Shopify-Produktbilder hochladen können, die maximal 4472 x 4472 Pixel und 20 MB groß sind. Dies ist jedoch in den meisten Fällen übertrieben. Solche großen Grafiken sind für Ihr Geschäft unnötig und verlangsamen die Ladezeiten der Seiten. Stattdessen empfiehlt Shopify 2048 x 2048 Pixel für quadratische Produktbilder. Verwenden Sie das JPG- oder PNG-Format, um ein fantastisches Gleichgewicht zwischen ausgezeichneter Qualität und schnellem Laden der Website zu erreichen. Produktfotos sollten generell nicht kleiner als 800 x 800 Pixel sein. Andernfalls funktionieren Funktionen wie das Vergrößern möglicherweise nicht sehr gut.

Bildgröße der Shopify-Sammlung: 2048 x 2048 px

Es gibt keine erforderliche Größe, wenn es sich um Fotos aus der Shopify-Sammlung handelt; Sie können jedoch jede Größe bis zu 4472 x 4472 px oder 20 Megapixel haben. Mit dem Ziel hochauflösender quadratischer Fotos empfiehlt Shopify normalerweise, Ihre Bilder auf 2048 × 2048 Pixel zu begrenzen.

Abgesehen von der Größe sollten die Abmessungen der Fotosammlung alle miteinander übereinstimmen. Andererseits müssen die Verhältnisse ihrer Höhe zu Breite konstant bleiben. Andernfalls würden sie die Benutzeroberfläche Ihrer Sammlungsseite ruinieren.

Bildgröße der Shopify-Slideshow: 1200 bis 2000 Pixel Breite, 400 bis 600 Pixel Höhe

Der empfohlene Bildanteil für die Shopify-Diashow liegt zwischen 400 und 600 Pixel in der Höhe und 1200 bis 2000 Pixel in der Breite.

Beim Wechsel zu einer mobilen/kleinen Bildschirmansicht wird etwas verkleinert und beschnitten. Zentrieren Sie daher die Fotos in Ihren Shopify-Diashow-Einstellungen. Dadurch werden der obere, der untere sowie der linke und der rechte Teil des Bildes abgeschnitten, wodurch das Gesamterscheinungsbild verbessert wird.

Shopify Header-Bildgröße: Höhe nicht mehr als 120 px

Unter Umständen möchten Sie möglicherweise Fotos in den Header-Block einfügen. Es kann als zusätzliches Logo oder Werbung für einen bevorstehenden Anlass dienen. In Shopify-Themen darf der Header-Block eine maximale Höhe von 250 Pixel haben. Wir empfehlen jedoch, Fotos mit einer maximalen Höhe von 120 Pixeln zu verwenden.

Shopify-Bannergröße: 1200 x 400 bis 600 Pixel

Sie müssen die Anforderungen Ihres speziellen Themas berücksichtigen, wenn Sie sich für eine Shopify-Bannergröße entscheiden. Sie können beispielsweise im Fall des Brooklyn-Themas Fotos mit einer Größe von 1200 × 800 px verwenden.

Größe des Shopify-Logos: 450 x 250 Pixel

Das größte Shopify-Logo ist 450 x 250 Pixel groß. Die Ursache dafür ist die Breite der Seitenleiste von 250 Pixel. Obwohl es wichtig ist, diese Grenze einzuhalten, muss Ihr Logo nicht genau 450 Pixel breit und 205 Pixel hoch sein.

Dann schlagen wir Ihnen die beliebte Shopify-Bildformatierung vor

Shopify 1

Werfen Sie einen Blick auf einige der beliebtesten Bildformen, die in der E-Commerce-Fotografie beliebt sind. Sie müssen über die jeweiligen Vor- und Nachteile aufgeklärt werden.

JPG/JPEG

Das am häufigsten verwendete Bilddateiformat für Shopify-Shops ist definitiv JPG. Es hat ein gutes Farbspektrum und eine winzige Dateigröße, was ein schnelles Laden ermöglicht. Die Komprimierungskapazität von JPG bietet einen fantastischen Kompromiss zwischen Qualität und Größe. In diesem Fall schlägt Shopify ausdrücklich vor, dass Einzelhändler JPG für die Produktseitenfotos verwenden.

PNG

PNG ist eine weitere äußerst beliebte Bildform, die in Shopify-Shops verwendet wird. Aufgrund seiner Fähigkeit, die Bilddateigröße zu verringern, ohne die Gesamtbildqualität zu beeinträchtigen, eignet sich PNG hervorragend für E-Commerce-Websites. Darüber hinaus unterstützt PNG Transparenz und gibt Ihnen mehr Kontrolle über das Aussehen Ihres Shops. Die verlustfreie Komprimierung von PNG ist eine Herausforderung, da sie häufig zu sehr großen Bilddateien führt.

GIF

Kurze Animationen oder Produkterklärungen können mit dem weit verbreiteten Bildformat GIF (sehr beliebt in Shopify Dropshipping Stores) erstellt werden. Ihre Fotos werden nicht die lebendigsten sein, da das GIF-Bildformat nur etwa 250 Farben zulässt. Aber in Kombination mit anderen Bildformaten können sie wirklich glänzen.

TIFF

Mehrere Webbearbeitungstools unterstützen das nützliche Bildformat TIFF. Dies bedeutet, dass die Bildbearbeitung und -anpassung für Marketingkampagnen für Designer und Einzelhändler einfach ist. Mit TIFF ist eine hohe Qualität verfügbar, und Sie können viele Fotos in einer Datei speichern. Ähnlich wie bei PNG führt die Dateigröße jedoch dazu, dass sie aufgrund der verlustfreien Komprimierung auf der größeren Seite liegt.

Es ist im Allgemeinen ratsam, JPG/Jpeg zu wählen, wenn Sie sich nicht sicher sind, welche Bildgröße Sie verwenden sollen. Wie wir bereits festgestellt haben, ist JPG das einzige Bildformat, das Dateigröße und Bildqualität erfolgreich ausbalanciert.

Jetzt gehen wir zu den Arten von Bildern über, die in Ihren Shopify-Shop aufgenommen werden sollen

die Arten von Bildern

Nur-Produkt-Bilder

Bei diesen Bildern handelt es sich, wie der Name schon sagt, um Einzelfotos Ihrer Ware. Die reinen Produktfotos zeigen den „Hauptartikel“ aus verschiedenen Blickwinkeln, um Kunden bei der Kaufentscheidung zu unterstützen. Sie werden oft vor einem weißen oder neutralen Hintergrund aufgenommen.

Beim Fotografieren von Produkten ist es wichtig, die Konsistenz zwischen der Anordnung der einzelnen Bilder zu wahren. Ebenfalls wichtig zu beachten sind die Shopify-Kriterien für die ideale Bildgröße für ein nahtloses Benutzererlebnis.

Produkt im Einsatz

Die zweite Art der Fotografie, die Sie in Ihrem Shopify-Shop anwenden können, ist das verwendete Produkt, entweder allein oder in Verbindung mit anderen Waren, die den Hauptartikel aufwerten.

Diese Art von Bildern verbessert das Produktverständnis für potenzielle Käufer und steigert das Engagement und die Konversion.

Fotos mit grafischen Überlagerungen

Für ein unverwechselbareres Erscheinungsbild können Sie ein wenig kreativ werden und grafische Überlagerungen wie Text und andere Bilder auf Ihre Fotos anwenden. Dank der Hilfe von Programmen wie Canva oder ähnlichen Alternativen können Sie dies leicht bewerkstelligen.

Grafik

Sie können Grafiken in Ihrem Shopify-Shop verwenden, um Informationsmaterial anzuzeigen. Dies kann eine visuelle Darstellung der verschiedenen Optionen, eine Größentabelle oder sogar eine Farbauswahl sein.

Last but not least, So optimieren Sie die Größe Ihrer Shopify-Produktbilder

Shopify-Bildgrößen Ihres Produkts

Geben Sie Ihren Bildern Namen

Die Mehrheit der Einzelhändler hastet zahlreiche Produktfotos durch, ohne sich die Mühe zu machen, den Namen der Standardkamera zu ändern. Zusätzlich zum Crawlen des Textes auf Ihren Seiten analysieren Suchmaschinen auch die Dateinamen von Bildern, um den Inhalt der Seite zu bestimmen.

Komprimieren Sie Ihre Bilder

Der durchschnittliche Kunde wartet nicht länger als drei Sekunden auf den Start einer E-Commerce-Website. Sie müssen daher alle notwendigen Schritte unternehmen, damit Ihre Seiten schneller geladen werden.

Eine der besten Strategien, um mit langsamen Seitengeschwindigkeiten umzugehen, besteht darin, die Dateigröße Ihrer Fotos zu reduzieren. Für maximale Effizienz ist es eine gute Idee, die Bildgröße bei etwa 70 KB zu halten.

Glücklicherweise reduziert Shopify die Größe Ihrer Fotos bereits geringfügig. Um die Größe Ihrer Fotos weiter zu reduzieren, können Sie auch die kostenlosen Programme TinyIMG und CrushPics verwenden. Mit diesen Tools können Sie mehrere Dateien gleichzeitig massenhaft verarbeiten und die Menge der Komprimierungen verwalten.

Verwenden Sie in Ihrem Online-Shop einen einheitlichen Stil

Denken Sie daran, Ihre Fotos konsequent zu verändern, um Ihren Seitenbesuchern ein einheitliches Einkaufserlebnis in Ihrem Online-Shop zu bieten. Das bedeutet, dass für ein einheitliches und ausgefeiltes Erscheinungsbild Größe, Stil, Hintergrund und manchmal sogar die Farbgestaltung identisch sein sollten.

Inklusive Lifestyle- und Produktfotografie

In den meisten Fällen wird eine Mischung aus Standard-Produktfotografie und Lifestyle-Fotografie die Konversionsrate erhöhen. Reine Produktfotografie ist entscheidend, damit Kunden Produkteigenschaften untersuchen können, während Lifestyle-Fotografien es Benutzern ermöglichen, sich das Objekt in ihrem täglichen Leben vorzustellen.

Verwenden Sie A/B-Tests, um die besten Bilder zu finden

Zu guter Letzt sollten Sie verschiedene Variationen Ihrer Fotos ausprobieren, um herauszufinden, welche am besten funktionieren. Folgendes könntest du testen:

  • Wie viele Produktbilder gibt es auf jeder Seite
  • Die Arten von Bildern, die am effektivsten sind
  • Die Menge jeder Produktkollektionsseite hat (10, 20, 100)

Um zu sehen, wie Benutzer mit Ihren Fotos interagieren, verwenden Sie eine Heatmapping-Anwendung wie Hotjar. Alternativ könnten Sie eine unkomplizierte Umfrage nach dem Kauf auf Ihrer Dankesseite verwenden, um Kunden nach ihren bevorzugten Bildtypen zu fragen.

Überprüfen Sie die Richtlinie und merken Sie sich die idealen Shopify-Bildgrößen

Um sicherzustellen, dass Sie auf dem richtigen Weg sind, sehen Sie sich die Anweisungen an, welche Shopify-Bildgrößen und -formate für Ihr Thema am besten geeignet sind. Beachten Sie die besten Shopify-Bildabmessungen. Wenn Sie erfahrene Fotografen damit beauftragen, Ihre Waren zu fotografieren, können Sie ihnen im Voraus mitteilen, was Sie benötigen. Auf diese Weise sparen Sie eine Menge Zeit!

Bildoptimierung für Handys

Wussten Sie, dass 79 % der mobilen Nutzer in den letzten sechs Monaten etwas mit ihrem Smartphone gekauft haben? Dementsprechend wird es im Jahr 2022 und darüber hinaus entscheidend sein, Ihre Fotos für mobile Geräte zu optimieren.

Shopify passt die Bildgrößen oft automatisch an mobile und kleine Bildschirmgeräte an. Um die Fotos für Mobilgeräte zu ändern, müssen Sie die Fotos möglicherweise gelegentlich manuell ändern.

Befolgen Sie diese Tipps, um Ihr für Mobilgeräte optimiertes Bild zu erstellen:

  • Verwenden Sie keine übermäßig großen Bilder, da diese auf mobilen Geräten verzerrt werden könnten.
  • Halten Sie Ihre Waren sowohl vertikal als auch horizontal zentriert und verwenden Sie quadratische Fotos.
  • Um sicherzustellen, dass Ihre Fotos auf Mobilgeräten schneller geladen werden, verwenden Sie Lazy Loading.
  • Überprüfen Sie jedes Mal, wenn Sie ein Bild hinzufügen, wie es auf einem Mobilgerät angezeigt wird.

Verwenden Sie Stockbilder

In Blogs und Bannern können Sie auch preiswerte Stockfotos verwenden, um Ihre Texte zu illustrieren. Da Stock-Fotos jedoch gelegentlich generisch sein können, stellen Sie sicher, dass Sie Ihren eigenen Stempel aufdrücken, indem Sie sie bearbeiten und Überlagerungen anwenden, um sie für Ihr Unternehmen relevant zu machen.

Fazit

Durch das Thema zeigen wir Ihnen eine gründliche Anleitung, wie Sie Ihr Image in Shopify-Shops optimieren können. Wir hoffen, dass Sie mit den hilfreichen Vorschlägen die Qualität Ihres Bildprodukts verbessern können. Wenn Ihre Verbraucher keinen Überblick über die Produkte haben, kann es schwierig sein, Ihre Waren zu kaufen. Daher spielt Ihr Image im Geschäft eine wichtige Rolle, um mehr Kunden anzuziehen und den Umsatz zu steigern. Wenn Sie Ihr Geschäft attraktiver und professioneller aussehen lassen möchten, können Sie sich an uns wenden, um Experten zu finden, die Ihr Geschäft auf die nächste Stufe heben können.