Articles on: Sayl for Restaurants

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