Bildspezifikationen

Hochwertige Bilder verbessern das Erscheinungsbild Ihres Ladens und erhöhen die Conversion-Raten. Alle in storekit hochgeladenen Bilder werden automatisch optimiert und für schnelle Ladezeiten über ein CDN ausgeliefert.

Bildspezifikationen

Bildtyp	Empfohlene Größe	Max. Dateigröße
Ladenlogo	1536 × 1536 px	100 MB
Ladenbanner	2400 × 800 px	100 MB
Produktbilder	1200 × 1200 px	100 MB
Kategoriebilder	1500 × 500 px	100 MB

Diese Größen sorgen für scharfe Darstellung auf hochauflösenden (Retina-)Displays bis zu 3-fach. Alle Bilder werden automatisch optimiert und per CDN-Auslieferung für verschiedene Bildschirmgrößen skaliert.

Die oben angegebenen Größen sind Upload-Größen, nicht die Größen, in denen das Bild angezeigt wird. Ihr Ladenlogo wird groß hochgeladen (1536 × 1536 px) und klein angezeigt. Siehe Größe und Zuschnitt des Ladenlogos weiter unten.

Größe und Zuschnitt des Ladenlogos

Laden Sie Ihr Ladenlogo als quadratisches Bild mit 1536 × 1536 px hoch. Wenn Sie einen Laden anlegen, weist das Feld Logo darauf hin: „upload a square image at the highest resolution you have available and at least 160x160 pixels”. 160 × 160 px sind ein Minimum, kein Zielwert. Die Bestellseite fordert Versionen bis zu 320 px Breite an, sodass alles unter 320 px unscharf wirkt. Laden Sie es unter Läden → Ihr Laden → Einstellungen → Design & Branding → Bilder → Brand → Logo hoch.

Wie das Logo angezeigt wird

Die Anzeigegröße hängt vom Header-Stil ab, den Sie unter Läden → Ihr Laden → Einstellungen → Design & Branding → Layout → Header-Stil festlegen (Classic, Minimal oder Multisite. Diese Liste ist fest):

Header-Stil	Verwendetes Bild	Anzeige
Classic (Standard)	Logo	Als 80 × 80 px großer Kreis oben links in der Navigationsleiste, nur auf dem Desktop
Minimal	Nav-Logo	32 px hoch, Breite skaliert mit Ihrem Motiv. Kein Kreis, keine feste Breite
Multisite	Nav-Logo	32 px hoch, Breite skaliert mit Ihrem Motiv. Auf Mobilgeräten ist die Breite auf 180 px begrenzt, sodass ein sehr breites Logo kleiner als 32 px dargestellt wird

Einige Läden zeigen den kompakten Nav-Logo-Header auch dann an, wenn Header-Stil auf Classic steht: Pay-at-Table-Läden und Kioske verwenden ihn immer, und er kann für einen Laden im Rahmen einer schrittweisen Einführung ebenfalls aktiviert werden. Wenn Ihr Laden eine kompakte Leiste mit dem Nav-Logo anstelle des runden Logos zeigt, ist das der Grund.

Da die Bestellseite Versionen des Logos in 1x, 2x und 3x (bis zu 320 px Breite) anfordert, damit es auf Retina-Displays scharf bleibt, muss das hochgeladene Bild deutlich größer sein als der Bereich, in dem es landet. Deshalb wird ein Upload mit 1536 × 1536 px empfohlen, obwohl der Classic-Header es mit 80 × 80 px darstellt. Alles unter 320 px Breite wirkt auf hochauflösenden Displays unscharf.

Ein 60 × 60 px großes Logo ist zu klein. Passen Sie das Motiv nicht an den angezeigten Bereich an. Es liegt sowohl unter dem Minimum von 160 × 160 px als auch unter den 320 px, die die Bestellseite für 3x-Displays anfordert, und wirkt daher unscharf.

Was bei einem nicht-quadratischen Logo passiert

Beim Classic-Header wird das Logo in ein festes 80 × 80 px großes Quadrat gelegt und anschließend zu einem Kreis maskiert:

Ein breites (Querformat-)Logo wird auf das Quadrat gequetscht und wirkt komprimiert. Die kreisförmige Maske beschneidet dann die Ecken und die äußeren Enden links und rechts. Die Teile einer Wortmarke, die den Rändern am nächsten liegen, verschwinden.
Ein hohes (Hochformat-)Logo wird in die andere Richtung gestreckt, und oben sowie unten schneidet dieselbe kreisförmige Maske ab.
Ein quadratisches Logo füllt den Kreis korrekt, aber Details in den Ecken des Quadrats liegen weiterhin außerhalb des Kreises. Halten Sie Ihre Marke zentriert und mit Abstand um sie herum.

Für das Logo gibt es unter Design & Branding keine Steuerung zum Zuschneiden, Zoomen oder Neupositionieren. Das Upload-Panel akzeptiert nur eine Datei, und die kreisförmige Rahmung kann nicht deaktiviert werden. Das Motiv muss daher vor dem Hochladen quadratisch vorbereitet sein.

Desktop und Mobile unterscheiden sich

Beim Classic-Header erscheint das runde Logo nur auf Bildschirmen in Desktop-Breite. Auf Mobilgeräten zeigt der Classic-Header stattdessen Ihr Header-Bild und den Ladennamen an, und Logo wird dort überhaupt nicht angezeigt. Deshalb wird ein zugeschnittenes Logo meist als Desktop-Problem gemeldet. Die Header-Stile Minimal und Multisite zeigen das Nav-Logo sowohl auf dem Desktop als auch auf Mobilgeräten mit 32 px Höhe an und skalieren es zur Anpassung, statt es zuzuschneiden. Wenn Sie ein breites Logo im Wortmarken-Stil haben, das nicht quadratisch gestaltet werden kann, zeigt einer dieser Header-Stile es ohne Beschnitt an.

Es lohnt sich, eine quadratische, zentrierte Version Ihres Logos vorzubereiten, auch wenn Sie den Header-Stil Minimal oder Multisite verwenden. So ist das Feld Logo bereit, falls Sie den Header-Stil später wechseln.

Bilder hochladen

Produktbilder

Öffnen Sie das Dashboard und navigieren Sie zu Menüs → Menü
Wählen Sie das zu bearbeitende Produkt
Klicken Sie oben im Produkt-Editor auf den Bildbereich
Wählen Sie eine Bilddatei von Ihrem Gerät und bestätigen Sie den Upload
Speichern Sie das Produkt

Laden Sie in der höchstmöglichen Auflösung hoch. Das CDN von storekit erzeugt automatisch optimierte Versionen für verschiedene Bildschirmgrößen — ein größeres Quellbild sieht immer besser aus.

Kategorie-Headerbilder

Öffnen Sie das Dashboard und navigieren Sie zu Menüs → Menü
Wählen Sie die zu aktualisierende Kategorie
Klicken Sie oben im Kategorie-Editor auf den Headerbild-Bereich
Laden Sie ein Bild hoch — verwenden Sie ein breites, flaches Bannerbild (das Bild wird in voller Breite ohne Höhenbeschränkung angezeigt, daher wirken flache Bilder am besten)
Speichern Sie die Kategorie

Best Practices

Hochwertige Fotos verwenden — Klare, gut ausgeleuchtete Bilder erhöhen die Bestellrate deutlich
Konsistente Seitenverhältnisse — Halten Sie Bilder über Produkte hinweg konsistent für ein sauberes Erscheinungsbild
Natürliches Licht — Speisefotos wirken bei weichem, natürlichem Licht am besten
Schlichte Hintergründe — Vermeiden Sie überladene Hintergründe, die vom Produkt ablenken
Korrekte Ausrichtung — Stellen Sie vor dem Upload sicher, dass Bilder nicht gedreht oder auf dem Kopf stehen

Detaillierte Hinweise zum Fotografieren guter Speisefotos finden Sie unter Produktfotografie.

Unterstützte Formate

storekit nutzt Uploadcare zur Bildverarbeitung, das eine breite Palette von Bildformaten unterstützt, darunter PNG, JPG, GIF, WebP, HEIC, TIFF und BMP. Bilder werden automatisch konvertiert und für die Auslieferung optimiert.

Format	Am besten für
PNG	Logos, Grafiken mit Transparenz
JPG	Fotografien, Speisebilder
WebP	Modernes Format mit kleineren Dateigrößen
GIF	Animierte Produktbilder
HEIC	Fotos vom iPhone

Fehlerbehebung

Bild lässt sich nicht hochladen

Ursache: Die Datei überschreitet das Limit von 100 MB, verwendet ein nicht unterstütztes Format, oder eine Browser-Erweiterung stört. Lösung:

Prüfen Sie die Dateigröße — komprimieren oder verkleinern Sie das Bild, wenn es 100 MB überschreitet
Stellen Sie sicher, dass die Datei ein unterstütztes Bildformat ist (PNG, JPG, GIF, WebP, HEIC, TIFF oder BMP)
Versuchen Sie einen anderen Browser oder deaktivieren Sie Browser-Erweiterungen
Leeren Sie den Browser-Cache und versuchen Sie es erneut

Mein Logo ist zugeschnitten oder gestaucht

Ursache: Der Header-Stil Classic platziert Logo in einem festen 80 × 80 px großen Kreis. Ein nicht-quadratisches Bild wird daher gequetscht, und seine Ränder werden beschnitten. Es gibt keine Steuerung zum Zuschneiden oder Neupositionieren, um dies anzupassen. Lösung: Laden Sie ein quadratisches Logo erneut hoch, wobei die Marke zentriert und mit etwas Abstand um sie herum platziert ist (siehe Größe und Zuschnitt des Ladenlogos). Alternativ wechseln Sie unter Läden → Ihr Laden → Einstellungen → Design & Branding → Layout → Header-Stil zum Stil Minimal oder Multisite. Diese zeigen stattdessen das Nav-Logo skaliert zur Anpassung an.

Bild wirkt unscharf

Ursache: Die Auflösung des Quellbilds ist für die Anzeigengröße zu niedrig. Lösung: Laden Sie ein Bild hoch, das der empfohlenen Auflösung für diesen Bildtyp entspricht oder sie übersteigt (siehe Spezifikationstabelle oben). Für Produktbilder mindestens 1200 × 1200 px anstreben, damit sie auf Retina-Displays scharf wirken — mehr ist immer besser, da storekit automatisch herunterskaliert.

Ich nutze eine POS-Integration und kann Bilder nicht ändern

Ursache: Mit dem POS synchronisierte Menüs können die Produktbearbeitung im storekit-Dashboard sperren. Wenn eine POS-Integration Ihr Menü verwaltet, können im Dashboard vorgenommene Änderungen bei der nächsten Synchronisation überschrieben werden. Lösung: Aktualisieren Sie Bilder direkt in Ihrem POS-System und lassen Sie sie zu storekit synchronisieren. Wenn Ihr POS keinen Bild-Upload unterstützt, wenden Sie sich an den Support, um die Bildbearbeitung freizuschalten. Details zu synchronisierten Menüs siehe POS-Integrationsübersicht.