--- title: Cover Image Guidelines description: cover image --- [Skip to content](https://help.tablein.com/cover-image-guidelines#main-content) ![tablein\_logo\_gold](https://help.tablein.com/hs-fs/hubfs/tablein_logo_gold.png?width=85&height=21&name=tablein_logo_gold.png) - [Add new restaurant](https://www.tablein.com/signup) Open main navigation Close main navigation - [Add new restaurant](https://www.tablein.com/signup) - [Account access](https://admin.tablein.com/) [Account access](https://admin.tablein.com/) Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [Tablein self service portal](https://help.tablein.com/?hsLang=en) 2. [Building a website](https://help.tablein.com/building-a-website?hsLang=en) # Cover Image Guidelines ![banner-safe-zone-template (1)](https://help.tablein.com/hs-fs/hubfs/banner-safe-zone-template%20(1).jpg?width=670&height=272&name=banner-safe-zone-template%20(1).jpg) 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. Recommended image size - **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. Best practices - 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.   - [Setting up the system](https://help.tablein.com/setting-up-the-system?hsLang=en#main-content) - [Get started](https://help.tablein.com/setting-up-the-system?hsLang=en#get-started) - [Table management](https://help.tablein.com/setting-up-the-system?hsLang=en#table-management) - [Opening hours](https://help.tablein.com/setting-up-the-system?hsLang=en#opening-hours) - [FAQ](https://help.tablein.com/setting-up-the-system?hsLang=en#faq) - [Accepting online bookings](https://help.tablein.com/accepting-online-bookings?hsLang=en#main-content) - [Widget Settings](https://help.tablein.com/accepting-online-bookings?hsLang=en#widget-settings) - [Widget Integration](https://help.tablein.com/accepting-online-bookings?hsLang=en#widget-integration) - [Troubleshooting](https://help.tablein.com/accepting-online-bookings?hsLang=en#troubleshooting) - [E-mail & SMS notifications](https://help.tablein.com/e-mail-sms-notifications?hsLang=en#main-content) - [SMS notifications](https://help.tablein.com/e-mail-sms-notifications?hsLang=en#sms-notifications) - [Email marketing](https://help.tablein.com/e-mail-sms-notifications?hsLang=en#email-marketing) - [Reservation Management](https://help.tablein.com/reservation-management?hsLang=en#main-content) - [Reservation list](https://help.tablein.com/reservation-management?hsLang=en#reservation-list) - [Calendar](https://help.tablein.com/reservation-management?hsLang=en#calendar) - [Floor Plan](https://help.tablein.com/reservation-management?hsLang=en#floor-plan) - [Settings explained](https://help.tablein.com/reservation-management?hsLang=en#settings-explained) - [Prepayments & Events](https://help.tablein.com/prepayments-events?hsLang=en#main-content) - [No show / late cancellation fee](https://help.tablein.com/prepayments-events?hsLang=en#no-show-late-cancellation-fee) - [Prepayments and deposits](https://help.tablein.com/prepayments-events?hsLang=en#prepayments-and-deposits) - [Payments and events settings explained](https://help.tablein.com/prepayments-events?hsLang=en#payments-and-events-settings-explained) - [Payment Integrations](https://help.tablein.com/prepayments-events?hsLang=en#payment-integrations) - [Building a website](https://help.tablein.com/building-a-website?hsLang=en) - [Account & Billing](https://help.tablein.com/account-billing?hsLang=en#main-content) - [Account](https://help.tablein.com/account-billing?hsLang=en#account) - [Subscription](https://help.tablein.com/account-billing?hsLang=en#subscription) - [Invoices and Billing Information](https://help.tablein.com/account-billing?hsLang=en#invoices-and-billing-information) - [Clients & Reports](https://help.tablein.com/clients-reports?hsLang=en#main-content) - [Guest book](https://help.tablein.com/clients-reports?hsLang=en#guest-book) - [Feedback list](https://help.tablein.com/clients-reports?hsLang=en#feedback-list) - [Full reservation list](https://help.tablein.com/clients-reports?hsLang=en#full-reservation-list) - [Reports](https://help.tablein.com/clients-reports?hsLang=en#reports) - [V3 versija](https://help.tablein.com/v3-versija?hsLang=en) - [V3 version](https://help.tablein.com/v3-version?hsLang=en) [![tablein\_logo\_gold](https://help.tablein.com/hs-fs/hubfs/tablein_logo_gold.png?width=85&height=21&name=tablein_logo_gold.png "tablein_logo_gold")](https://help.tablein.com/?hsLang=en) Copyright © 2025, Tablein Inc.