Afbeeldingsspecificaties
Deze formaten zorgen voor scherpe weergave op high-density (Retina)-schermen tot 3x.
Alle afbeeldingen worden automatisch geoptimaliseerd en aangepast voor verschillende schermformaten via CDN-levering.
De formaten hierboven zijn upload-formaten, niet het formaat waarop de afbeelding wordt weergegeven. Je winkellogo wordt groot geüpload (1536 x 1536 px) en klein weergegeven. Zie Winkellogo-formaat en bijsnijden hieronder.
Winkellogo-formaat en bijsnijden
Upload je winkellogo als vierkante afbeelding, 1536 x 1536 px. Wanneer je een winkel aanmaakt, adviseert het veld Logo “upload een vierkante afbeelding op de hoogst beschikbare resolutie en van minimaal 160 x 160 pixels”. 160 x 160 px is een ondergrens, geen doel, en de storefront vraagt versies tot 320 px breed op. Alles onder 320 px zal er zacht uitzien. Upload het via Stores → je winkel → Settings → Design & Branding → Images → Brand → Logo.Hoe het logo wordt weergegeven
Het weergaveformaat is afhankelijk van de headerstijl die is ingesteld in Stores → je winkel → Settings → Design & Branding → Layout → Header-stijl (Classic, Minimal of Multisite; deze lijst ligt vast):Sommige winkels tonen de compacte Nav logo-header ook wanneer Header-stijl op Classic staat: Pay-at-Table-winkels en kiosks gebruiken deze altijd, en het kan ook voor een winkel worden ingeschakeld als onderdeel van een geleidelijke uitrol. Als je winkel een compacte balk met het Nav logo toont in plaats van het cirkelvormige logo, is dat de reden.
Wat er gebeurt met een niet-vierkant logo
Op de Classic-header wordt het logo in een vast vierkant van 80 x 80 px geplaatst en vervolgens tot een cirkel gemaskeerd:- Een breed (landschap) logo wordt geperst om in het vierkant te passen, waardoor het er samengedrukt uitziet, en het cirkelvormige masker snijdt vervolgens de hoeken en de uiterste linker- en rechteruiteinden weg. De delen van een woordmerk die het dichtst bij de randen liggen, verdwijnen.
- Een hoog (portret) logo wordt de andere kant op uitgerekt, en de boven- en onderkant worden door hetzelfde cirkelvormige masker afgesneden.
- Een vierkant logo vult de cirkel correct, maar detail in de hoeken van het vierkant valt nog steeds buiten de cirkel. Houd je merk gecentreerd met ruimte eromheen.
Desktop en mobiel verschillen
Op de Classic-header verschijnt het cirkelvormige logo alleen op schermen met desktopbreedte. Op mobiel toont de Classic-header in plaats daarvan je Header-afbeelding en de winkelnaam, en wordt Logo daar helemaal niet weergegeven. Daarom wordt een bijgesneden logo meestal gemeld als een probleem dat alleen op desktop optreedt. De Minimal- en Multisite-headers tonen het Nav logo op 32 px hoog op zowel desktop als mobiel, geschaald om te passen in plaats van bijgesneden. Als je een breed, woordmerkachtig logo hebt dat niet vierkant kan worden gemaakt, toont een van deze headerstijlen het zonder bijsnijden.Afbeeldingen uploaden
Productafbeeldingen
- Open het Dashboard en navigeer naar Menus → Menu
- Selecteer het product dat je wilt bewerken
- Klik op het afbeeldingsgebied bovenaan de producteditor
- Kies een afbeeldingsbestand van je apparaat en bevestig de upload
- Sla het product op
Categorie-headerafbeeldingen
- Open het Dashboard en navigeer naar Menus → Menu
- Selecteer de categorie die je wilt bijwerken
- Klik op het header-afbeeldingsgebied bovenaan de categorie-editor
- Upload een afbeelding — gebruik een brede, korte banner-achtige afbeelding (de afbeelding wordt op volledige breedte weergegeven zonder hoogtebeperking, dus kortere afbeeldingen werken het beste)
- Sla de categorie op
Best practices
- Gebruik foto’s van hoge kwaliteit — Duidelijke, goed verlichte afbeeldingen verhogen de bestellingspercentages aanzienlijk
- Consistente aspectverhoudingen — Houd afbeeldingen consistent over producten voor een verfijnde uitstraling
- Natuurlijke verlichting — Voedselfoto’s zien er het beste uit met zacht, natuurlijk licht
- Eenvoudige achtergronden — Vermijd rommelige achtergronden die van het product afleiden
- Correcte oriëntatie — Zorg dat afbeeldingen niet gedraaid of ondersteboven staan vóór het uploaden
Ondersteunde formaten
storekit gebruikt Uploadcare voor afbeeldingsverwerking, die een breed scala aan afbeeldingsformaten ondersteunt, waaronder PNG, JPG, GIF, WebP, HEIC, TIFF en BMP. Afbeeldingen worden automatisch geconverteerd en geoptimaliseerd voor levering.Probleemoplossing
Afbeelding wordt niet geüpload
Oorzaak: Het bestand overschrijdt de limiet van 100 MB, gebruikt een niet-ondersteund formaat of een browser-extensie interfereert. Oplossing:- Controleer de bestandsgrootte — comprimeer of formatteer de afbeelding als deze groter is dan 100 MB
- Zorg dat het bestand een ondersteund afbeeldingsformaat is (PNG, JPG, GIF, WebP, HEIC, TIFF of BMP)
- Probeer een andere browser of schakel browserextensies uit
- Wis je browsercache en probeer het opnieuw