--- title: Event Cover Image Guidelines description: cover image --- [Skip to content](https://help.tablein.com/cover-image-guidelines-0#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. [Prepayments & Events](https://help.tablein.com/prepayments-events?hsLang=en) 3. [Payments and events settings explained](https://help.tablein.com/prepayments-events?hsLang=en#payments-and-events-settings-explained) # Event Cover Image Guidelines ![banner-safe-zone-template-1027x376 1](https://help.tablein.com/hs-fs/hubfs/banner-safe-zone-template-1027x376%201.jpg?width=670&height=245&name=banner-safe-zone-template-1027x376%201.jpg) Your event, offer, or experience uses its **main cover image** across different areas of Tablein. The same image is displayed on the event page and is also used as the cover image in the **Experiences** section. Since the image is shown on different screen sizes and layouts, Tablein automatically crops it while always keeping it centered. Following these guidelines will help ensure the most important parts of your image remain visible everywhere. Recommended image size - **Canvas size:** **1232 × 500 px** - Design your image using the full canvas. Universal Safe Zone The **Universal Safe Zone** is approximately **527 × 500 px**, centered within the **1232 × 500 px** canvas. Keep all essential content inside this area, including: - Event titles or promotional text embedded in the image - Logos and brand marks - Faces or people - Food, drinks, or featured products - Main visual focal points - Any information that should always remain visible > **Important:** The safe zone is **not** the size of the banner. Your image should still fill the entire **1232 × 500 px** canvas. The safe zone simply marks the area where important content should be placed to remain visible across different devices and layouts. How cropping works The 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. - The same centered crop is also used when displaying your event in the **Experiences** section on your Tablein page. For this reason, avoid placing important content close to 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**. - Remember that this single image is used in multiple places throughout Tablein. - Treat anything outside the safe zone as optional content that may be cropped on smaller screens. Overview example: **Event page** ![](https://help.tablein.com/hs-fs/hubfs/CleanShot%202026-07-24%20at%2013-40-37@2x-png.png?width=2664&height=1818&name=CleanShot%202026-07-24%20at%2013-40-37@2x-png.png) **Tablein page** ![](https://help.tablein.com/hs-fs/hubfs/CleanShot%202026-07-24%20at%2013-39-38@2x-png.png?width=2100&height=2114&name=CleanShot%202026-07-24%20at%2013-39-38@2x-png.png) - [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.