Was ist die beste Größe für E-Commerce-Produktbilder?

Veröffentlicht: 2021-12-24

Wenn Sie Ihren Online-Shop betreiben, dann ist die Bildoptimierung eine echte Kunst, die Sie meistern möchten. Von der Anregung von Kunden, nach Google-Bildern zu suchen, um die Ladezeit der Website zu verkürzen, spielt die Bildoptimierung eine so wichtige Rolle beim Aufbau erfolgreicher E-Commerce-Websites, da die Produktfotografie als Eckpfeiler Ihres Online-Shops fungiert.

Wie bereits erwähnt, sind Sie Inhaber eines E-Commerce-Shops. Dann werden Sie vielleicht anerkennen, dass E-Commerce-Produktfotos von entscheidender Bedeutung sind. Die gute Präsentation eines Artikels ist der Schlüssel zum Erfolg. Ihre Kunden werden sich fragen, wie Schmuck oder Kleidungsstücke bei ihnen aussehen können oder wie ein typisches Ledersofa in ihrem Wohnzimmer aussehen wird.

für dich empfohlen

  • Website-Bannergröße: Welche Größe ist die effektivste?
  • Wie wird man ein Google Trusted Store?
  • Wie findet man Produkte, die man online verkaufen kann?

In diesem Artikel wird Ihnen gezeigt, was die beste Größe für E-Commerce-Produktbilder ist.

Was ist Bildoptimierung?

Die Bildoptimierung reduziert die Dateigröße Ihrer Bilder so weit wie möglich, ohne die Qualität zu verlieren, damit die Seitenladezeiten gering bleiben können. Die Bildoptimierung wird auch im Zusammenhang mit der Bild-SEO bezeichnet. Das bedeutet, dass Sie Ihre Artikelbilder zusammen mit dekorativen Bildern bei anderen Bildsuchmaschinen bei Google platzieren können.

Warum ist die Produktbildgröße auf E-Commerce-Websites wichtig?

Wie Sie vielleicht nicht wissen, gehören Bilder zu den wichtigsten Assets für Ihren E-Commerce-Shop.

Es gibt ein Sprichwort:

„Und doch werden sie zu oft vernachlässigt – Ladenbesitzer vergessen völlig, Bilder für das Web zu optimieren.“

Es gibt zwei Gründe:

  • Denn das Optimieren von Bildern für Ihre Website ist ein weiterer zusätzlicher Schritt in der endlosen Liste, die Sie tun müssen
  • Es wird als eine niedrige Priorität angesehen und dann leicht vergessen

Wenn Sie jedoch Ihre Konversionsrate, Ihre Loyalität und Ihr Kundenengagement und sogar Ihren Lebenszeitwert verbessern möchten, sollten Sie besser damit beginnen, Ihre Aufmerksamkeit auf Ihre Bildersammlung zu lenken.

Bevor wir fortfahren, lassen Sie uns herausfinden, warum Bilder eine so wichtige Rolle für den Erfolg Ihres Unternehmens spielen.

1. Der erste Eindruck zählt

Bilder oder Pis sind das Allererste, was Ihre Käufer sehen, wenn sie Ihre Produktseite überprüfen, und es wird angenommen, dass diese ersten Sekunden entscheidend dafür sein können, dass sie entscheiden, ob sie weiter nach Ihren Produkten suchen oder nicht.

Tatsächlich wird in der Studie von Square und BigCommerce aus dem Jahr 2017 behauptet, dass amerikanische Online-Kunden zusätzliche Produktfotografie als das erste nennen, was sie sich von Online-Marken wünschen.

2. Ein Bild ist wertvoller als 1.000 Worte

Fotos helfen den Kunden, die Qualität und Details der Produkte selbstbewusster zu gewährleisten, als jede kurze und lange Beschreibung.

Die Möglichkeit, die Produkte durch hochwertige Produktbilder wie in einem echten Geschäft zu fühlen, ermöglicht es jedem Kunden, viele Details der gesuchten Artikel zu erkunden.

Beweise von BigCommerce und Square haben bewiesen, dass etwa die Hälfte der Befragten angaben, dass sie ihre Lieblingsprodukte beim Online-Shopping nicht anfassen, fühlen und ausprobieren konnten.

3. Mobile übernimmt

Da mobiles Einkaufen im Leben aller Menschen immer wichtiger wird, werden Bilder notwendig sein, wie Googles Speed-Update-Umzug zeigt. Die Anzahl der Benutzer von Mobilgeräten ist größer, wenn sie Bilder als Wörter oder Texte verwenden, um die Eignung Ihrer Produkte zu beurteilen und zu navigieren.

Ein übersichtlicher und attraktiverer E-Commerce-Artikel bedeutet irgendwie, dass Ihre Artikel oft angeklickt und gekauft werden können.

4. Bilder können Ihre Unternehmenswebsite ruinieren

Beachten Sie, dass qualitativ minderwertige und unprofessionelle Fotos für Websites Ihr Kundenerlebnis negativ beeinflussen und sie in Suchmaschinen einordnen können.

Sie stellen sich vielleicht die drei folgenden Fragen:

  • „Laden Ihre Bilder langsam?“

  • „Haben Sie die Meta-Beschreibung nicht eingefügt?“

  • „Hüpfen die Leute, wenn sie dort landen?“

Was ist die beste Größe für E-Commerce-Produktbilder?

Falls Sie Photoshop verwenden, können Sie die Produktbildvorlage entwickeln, indem Sie leere Dateien erstellen und die Größe auf die gewünschten Abmessungen ändern. Dies hilft Ihnen dabei, die Konsistenz von Bildsechsen aufrechtzuerhalten. Es gibt mehr über die Anforderungen, aber die sehr guten Ausgangspunkte für die Vorlagengrößen, die Ihnen bei der Verwendung in Ihrem Geschäft helfen, liegen zwischen 1.200 px und 1.600 px auf der längsten Seite. Denken Sie daran, dass Sie nur genügend Details wünschen, damit die Kunden hinein- und herauszoomen können.

Eine wichtige Überlegung ist, wie Sie die Dateigröße von Bildern reduzieren können, um die Seitenladezeit auf ein Minimum zu reduzieren. Sie sollten sich keine Sorgen machen, dass nichts die Benutzererfahrung so beeinträchtigen kann wie die langsam ladende Seite. Eine Tatsache besagt, dass etwa 47 Prozent der Benutzer jetzt hoffen, dass eine Webseite weniger als zwei Sekunden lädt, und 40 % werden eine Seite verlassen, deren Laden mehr als 3 Sekunden dauern kann.

Daher ist es notwendig, dass Sie sich von den großen Bildern fernhalten, deren Laden im Allgemeinen länger dauert. Die allgemeine Regel von AIM für Bilddateigrößen liegt unter 70 KB. Und glücklicherweise ist es möglich, die Dateigröße zu reduzieren, ohne die Bildqualität zu verlieren, indem Sie das „Für Web speichern“-Tool von Photoshop verwenden.

Außerdem sollten Sie auch Folgendes bedenken:

  • Etwa 50 % der Kunden sind nicht bereit, 3 Sekunden auf das Laden einer Website zu warten.

  • Die durchschnittliche Seitenladezeit nimmt weltweit zu.

  • Amazon hat herausgefunden, dass sie jährlich 1,6 Milliarden US-Dollar verlieren könnten, wenn ihre Seiten nur um eine Sekunde langsamer werden.

  • Google verwendet die Seitenladezeit als einen der wichtigsten Ranking-Faktoren im Algorithmus.

Eine andere Möglichkeit, die Größe Ihrer Bilddatei zu reduzieren, ist die Verwendung des Befehls „Für Web speichern“ in Adobe Photoshop. Mit diesem Tool möchte man die Bilder auf die kleinste Dateigröße anpassen lassen und dabei trotzdem die Bildqualität im Auge behalten.

  • Qualität : Sie finden es in der oberen und rechten Ecke.

  • Dateiformat : Sie finden es in der oberen und rechten Ecke

  • Optimierung : Sie finden es in der oberen und rechten Ecke

  • Farbe : Sie finden sie in der oberen und rechten Ecke

  • Verkleinern und Schärfen : Sie finden es in der unteren und rechten Ecke

  • Erwartete Dateigröße : Sie finden sie in der unteren und linken Ecke

Und Sie können auch wählen, Exportieren als zu verwenden.

Jetzt fragen Sie sich vielleicht, wie Sie den richtigen Dateityp auswählen .

Tatsächlich gibt es drei beliebte Dateitypen, die Sie verwenden können, um diese Fotos im Internet zu veröffentlichen, einschließlich GIF , PNG und JPEG .

JPEG- oder .jpg-Bilder sind ein alter Dateityp. JPEG wird nun zum De-facto-Standardfoto des Internets. JPEG-Fotos können komprimiert werden, was zu qualitativ hochwertigen Fotos mit winzigen Dateigrößen führt.

GIF- oder .gif-Bilder haben eine geringere Qualität als JPEG-Bilder und werden häufig für mehr Bilder verwendet, einschließlich dekorativer Fotos und Symbole. GIFs unterstützen auch die Animation. In Bezug auf die Bildoptimierung sind GIFs bekannt dafür, dass sie sich hervorragend für einfache und schlichte Bilder auf jeder Webseite eignen. GIFs sind jedoch keine nützliche Lösung für komplexe Bilder, was für größere Bilder gilt.

PNG-Bilder ersetzen zunehmend GIFs. PNGs unterstützen auch mehr Farben als GIFs, und sie verschlechtern sich im Laufe der Zeit nicht, wenn sie erneut gespeichert werden, wie dies bei JPEGs der Fall ist. Sie sollten besser bedenken, dass PNG-24-Fotos in der Dateigröße mehr als dreimal größer sind als PNG-8. Aus diesem Grund ist bei PNGs Vorsicht geboten.

Und hier sind einige Tipps, die Ihnen bei der Auswahl von Dateitypen helfen sollen:

  • In den meisten Fällen können JPEGs im E-Commerce-Geschäft zu Ihren besten werden. Sie können Ihnen die beste Qualität für die kleinste Dateigröße bieten.

  • Sie sollten niemals GIFs für große Produktfotos verwenden. Diese Dateigröße wird riesig und es gibt keine Möglichkeit, sie zu reduzieren. Sie können GIFs nur für die Miniaturansichten verwenden und die Bilder dekorieren.

  • PNGs können Ihre gute Lösung als Alternative zu GIFs und JPEGs sein. Falls Sie Produktbilder nur im PNG-Format verwenden können, können Sie es selbst versuchen, PNG-8 anstelle von PNG-24 zu verwenden. PNGs können sich aufgrund ihrer extrem kleinen Dateigröße als einfache dekorative Fotos auszeichnen.

5 Tipps zur Optimierung der Produktbilder Ihres Onlineshops

1. Setzen Sie den Bildnamen aussagekräftig und im Klartext

Es ist nicht so kompliziert, Hunderte von Produktfotos zu übertreiben und trotzdem die Standarddateinamen beizubehalten, die Ihre Kamera bereits zugewiesen hat.

In Anbetracht des Bild-SEP ist es wichtig, dass Sie verwandte Schlüsselwörter verwenden, um Ihre Webseite in den Suchmaschinen zu platzieren. Das Generieren von schlüsselwortreichen und aussagekräftigen Dateinamen ist für die Bildoptimierung unerlässlich. Die Suchmaschinen durchsuchen sowohl Texte auf Ihrer Webseite als auch Bilddateinamen.

Nehmen wir das folgende Beispiel:

Sie können Ihrem Bild den generischen Namen zuweisen, den Ihre Kamera bereits zugewiesen hat. Es ist jedoch besser, die Datei detailliert zu benennen.

Stellen wir uns vor, wie Ihre Kunden Ihre Artikel auf Websites suchen werden. Welche Namensmuster werden sie bei der Recherche verwenden? Autokäufer könnten beispielsweise nach Folgendem suchen:

  • 2012 roter Ford Mustang LX

  • Ford Mustang LX Rot 2012

  • Roter Ford Mustang LX 2012

Sie können sich die Website-Analyse ansehen, um zu überprüfen, welchen Keyword-Mustern Ihre Kunden folgen. Sie können die beliebtesten Benennungsmuster festlegen, die sie verwenden, und dieses Muster für Ihren Benennungsprozess für Bilddateien verwenden.

Falls Sie nicht datengesteuert sein möchten, können Sie sicher sein, dass Sie wichtige und relevante Schlüsselwörter verwenden, um Ihre Bilder zu benennen.

2. Lassen Sie Ihre Alt-Attribute sorgfältig optimieren

Alt-Attribute sind als Textersetzung für Fotos bekannt, wenn Browser sie nicht richtig wiedergeben. Sie werden wiederum häufig für die Barrierefreiheit im Internet verwendet. Wenn das Foto gerendert wird, überprüfen Sie, ob der Alt-Attributtext angezeigt wird, wenn Sie den Mauszeiger darüber bewegen. Dieses Alt-Attribut muss Ihrer Website einen SEO-Wert verleihen. Das Einfügen geeigneter Alt-Attribute mit relevanten Schlüsselwörtern in die Bilder Ihrer Website kann Ihnen dabei helfen, in Ihren Suchmaschinen besser zu ranken. Daher ist die Verwendung eines Alt-Attributs der beste Weg, damit Ihre E-Commerce-Artikel in der Google-Websuche und im Bild erscheinen.

Sie können sich den Quellcode eines Alt-Attributs genauer ansehen:

<img src=”2012-Ford-Mustang-LX-Red.jpg” alt=”2012 Ford Mustang LX Red”>

Wenn es um die Bildoptimierung geht, ist die allererste Priorität das Ausfüllen aller Attribute für jedes Produktfoto auf Ihrer Website. Und hier sind einige Regeln für die Alt-Attribute:

  • Lassen Sie Ihre Bilder in einer einfachen Sprache beschreiben, wie Sie es für die Bilddateinamen tun

  • Falls Sie Artikel verkaufen, die Modellnummern oder Seriennummern enthalten, können Sie diese in die Alt-Attribute eingeben

  • Hören Sie auf, die Alt-Attribute zu stopfen, die voller Schlüsselwörter sind

  • Hören Sie auf, Alt-Attribute für die dekorativen Bilder zu verwenden. Die Suchmaschinen können Sie für die Optimierung zu sehr abstrafen.

Lassen Sie uns zu guter Letzt von Zeit zu Zeit den Plausibilitätscheck durchführen. Vergessen Sie nicht, die Quellen Ihrer Webseite anzuzeigen und zu prüfen, ob Ihre Alt-Attribute richtig ausgefüllt sind oder nicht. Sie werden sehr überrascht sein, was Sie wirklich vermissen, wenn Sie sich mit der Geschwindigkeit des Unternehmertums bewegen.

3. Entscheiden Sie sich für geeignete Bildabmessungen und Produktwinkel

Es ist üblich, viele Winkel Ihres Artikels zu überprüfen. Sie können sich das Ford Mustang-Beispiel ansehen und möchten vielleicht kein Bild der Karte zeigen, normalerweise verkaufen Sie sie. Am besten zeigst du ein paar Bilder von:

  • Der Innenraum

  • Das Heck, insbesondere der Luftspoiler

  • Die Felgen

  • Der Motor

Daher ist eine der besten Möglichkeiten, diese zusätzlichen Bilder zu nutzen, das Ausfüllen der Alt-Attribute. Und die Art und Weise, wie Sie dies tun könnten, besteht darin, eindeutige Alt-Attribute für jedes Produktbild zu generieren. Der Schlüsselpunkt hier ist das Einfügen von Beschreibungen in Ihre Alt-Attribute, damit vielversprechende Forscher auf Ihrer Website landen können. Wenn Sie etwas Mehrarbeit leisten, werden Sie mit Suchen von Google belohnt.

4. Lassen Sie Ihre Thumbnails optimieren

Viele E-Commerce-Unternehmensseiten verwenden jetzt Miniaturbilder, insbesondere auf den Kategorieseiten, da sie die Produkte zeigen können, ohne zu viel Platz zu beanspruchen.

Obwohl Thumbnails gut sind, sollten Sie vorsichtig sein, da sie zu einem lautlosen Killer werden können. Vergessen Sie nicht Ihre Seitenladegeschwindigkeiten. Ihre Thumbnails werden oft an einigen wichtigen Stellen während des Einkaufsvorgangs angezeigt. Falls sie verhindern, dass Ihre Kategorieseiten schnell geladen werden, verlieren Sie möglicherweise Ihre potenziellen Kunden. Beachten Sie, dass Shopify-Benutzer sich keine Gedanken über die Thumbnail-Optimierung machen müssen, da dies für sie erledigt wird.

Was sollten Sie also jetzt tun?

  • Stellen Sie sicher, dass Ihre Thumbnail-Dateien so klein wie möglich sind. Es lohnt sich, der Qualitätsfolie zu erlauben, eine niedrigere Dateigröße zu unterstützen. Beachten Sie, dass die Summe der Thumbnails einen großen Einfluss auf die Ladezeit der Seite hat.

  • Lassen Sie danach Ihr Alt-Attribut variieren, um den Text, den Sie für eine größere Version eines ähnlichen Bildes verwenden, nicht zu duplizieren. Aus diesem Grund sollten Sie den Text Ihrer Alt-Attribute anders gestalten. Das Letzte, was zu tun ist, ist, dass das Miniaturbild und nicht größere Bilder indiziert werden sollten.

5. Lassen Sie Ihre Fotos testen

Der springende Punkt bei der Optimierung Ihrer Bilder ist die Steigerung des Gewinns. Wir sprechen darüber, wie Sie die Dateigröße reduzieren und die Suchmaschine Ihre Fotos indexieren lassen; Wir haben jedoch nicht das Testen von Bildern erwähnt, um zu prüfen, was immer mehr Kunden überzeugen kann.

  • Testet die Anzahl der Artikelbilder auf jeder Seite. Da die Ladezeit für mehrere nicht gehostete E-Commerce-Websites ein Problem darstellt, können Sie feststellen, dass die Reduzierung der Anzahl der Fotos auf jeder Seite neben den Verkäufen auch die Klickraten fördert. Es ist Ihnen möglich, auf jeder Seite viele Bilder bereitzustellen, die die Benutzererfahrung fördern und dann zu mehr Verkäufen führen können. Der einzige Weg, dies herauszufinden, ist, es zu testen.

  • Testen Sie, welche Blickwinkel Kunden gerne einnehmen. Sie können eine Steigerung der Kundenloyalität feststellen, indem Sie Ansichten angeben, die Ihre Kunden gerne sehen würden. Eine der besten Möglichkeiten, dies herauszufinden, besteht darin, Ihre eigenen Kunden darüber zu befragen, was ihnen bei der Überprüfung Ihrer Produktaufnahmen wirklich am besten gefallen hat. Mit den Kunden zu sprechen und sie zu befragen gilt als die beste Angewohnheit.

  • Testen Sie, wie viele Artikelauflistungen Sie besser auf den Kategorieseiten haben sollten: 10, 20 oder 100 Artikel? Sie können die Anzahl der Artikel, die Sie auf den Kategorieseiten anbieten, testen, um zu prüfen, was für Ihre Käufer am besten funktioniert.

zusammenhängende Posts

  • Über 20 der besten Shopify-Apps, die jeder Shop braucht
  • Die 11 besten Stockfoto-Sites für Ihr Unternehmen

Letzte Worte

Bilder haben die Kraft, das Erscheinungsbild Ihres Unternehmens zu fördern, und können ein wichtiges Verkaufsinstrument sein. Alle Werkzeuge, die Sie benötigen, um dies zu erreichen, sind verfügbar, und Sie sollten versuchen, die nützlichsten Tops sowie die oben genannte Technik zu enthalten. Wir hoffen, dass Sie mit unserem vollständigen Leitfaden zur besten Größe für E-Commerce-Produktbilder Ihre Bilder für Ihr Ladengeschäft optimal optimieren können. Jetzt ist es Zeit für Sie, neu anzufangen, und Planung ist der Schlüssel.