What are the ideal sizes of my pictures and banners ?
**Shop Banner**
Banners are images displayed on top of the shop catalog. It depicts the mood of the restaurant or can be used as a promotional mechanism. Each shop can have one or more banners, that are displayed in a horizontal gallery.
Aspect Ratio
16:9
The browser size depends on the device (mobile, tablet & desktop). We enforce this ratio on all of them to optimize the display area. Respecting the ratio means your image will be displayed properly on all screen sizes and avoid cropping.
Recommanded Size
816px width / 459px height
Fill
Cover
The image will be resized while maintaining the aspect ratio to fill the entire available area. The entire image is made to fill the space available and be cropped if needed.
Background
The background color is white
In the event that your image does not respect the ratio and some part are transparent, the color behind the image is white.
Supported formats
JPEG, PNG, GIF
Transparency
Supported with PNG
Animated images
Not supported, even with GIF
Product
Product images are displayed in two folds:
In the catalog list where only the first image is shown as a small square of 80px wide
On the detail page of a product where all the images are displayed in the same manner as the shop banner.
Aspect Ratio
1:1
Recommanded Size
850px width / 850px height
Fill
Contain
The image will be scaled to maintain its aspect ratio while fitting the space available and avoir cropping. The entire image will be visible and never cropped.
Background
The background color is white
In the event that your image does not respect the ratio and some part are transparent, the color behind the image is white.
Supported formats
JPEG, PNG, GIF
Transparency
Supported with PNG
Animated images
Not supported, even with GIF
Updated on: 22/11/2021