Cover Image Guidelines

To ensure your restaurant cover image looks great on all devices, Tablein automatically crops the image depending on the visitor's screen size. Following these guidelines will help keep the most important parts of your image visible.

• Canvas size: 1232 × 500 px
• Design your cover image using the full canvas.

The Universal Safe Zone is approximately 527 × 500 px, centered within the 1232 × 500 px canvas.
Your image should still fill the entire 1232 × 500 px canvas. The safe zone only indicates where important content should be placed to minimize cropping on different devices.

How cropping works

The cover image is always centered.

• Desktop screens display the widest view of the image.
• As the screen becomes narrower, the left and right sides are gradually cropped, while the center remains visible.
• For this reason, avoid placing important elements near the left or right edges of the image.

Backgrounds, decorative elements, textures, and other non-essential content can safely extend outside the safe zone.

Mobile devices

The safe zone is based on a 390 px reference mobile width.

Since mobile devices come in many different sizes:

• Wider phones may display slightly more of the image.
• Narrower phones may crop slightly more from the left and right edges.

For the best results, leave a little extra space around important content instead of placing it directly against the edges of the safe zone.

• Design your image at 1232 × 500 px.
• Use the entire canvas for backgrounds and decorative visuals.
• Keep all important content inside the centered Universal Safe Zone.
• Treat anything outside the safe zone as optional content that may be cropped on smaller screens.