--- title: Artwork Guidelines - (Single) Event App description: This article describes the artwork needed for an event in a multi-event app or for a single-event app. --- [Skip to content](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#main-content) English Show submenu for translations ![floq-logo-by-cc-2-white@2x.png\]](https://knowledge.conferencecompass.com/hs-fs/hubfs/floq-logo-by-cc-2-white@2x.png?height=40&name=floq-logo-by-cc-2-white@2x.png) Open main navigation Close main navigation - English Show submenu for translations - www.conferencecompass.com www.conferencecompass.com Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [CC Knowledge Base](https://knowledge.conferencecompass.com/?hsLang=en) 2. [For organisers](https://knowledge.conferencecompass.com/for-organisers?hsLang=en) 3. [Artwork guidelines](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#artwork-guidelines) # Artwork Guidelines - (Single) Event App ## This article describes the artwork required for a Single Event App or for an event hosted within a Multi-event App. Following our guidelines to create your artwork ensures that images in your app will appear optimally across different devices and screen sizes.  For the artwork guidelines for a multi-event app (Community app), read [this article](https://knowledge.conferencecompass.com/artwork-guidelines-society-app?hsLang=en). ### 🔴 Before you start Before creating your artwork, keep the following in mind: - Keep image file sizes **below 2 MB** whenever possible for optimal app performance. - Use **JPG** for photographs and **PNG** for logos, illustrations and images containing text. - Keep important content (logos and text) **away from the edges**, as some images are cropped differently across devices. - Use high-resolution images to avoid blurry artwork. - For images that appear full-screen, **avoid placing text** or important graphics near the edges. - Files are clearly named (for example, AppIcon\_iOS.png, SignInBackground.jpg, EventTileLarge.png). ### **Artwork checklist & dimensions** In the table below, you will find the specifications for the different types of artwork. For all images, you can use either PNG or JPG, unless specified otherwise**.** More explanations and examples are given in the paragraphs below. To maximize the app's performance and speed, images should be less than 2MB but preferably as small as possible. Use JPG when the image is photographic and PNG for graphics and text. To convert one to the other, go to [png2jpg.com](http://png2jpg.com/) or [jpg2png.com](http://jpg2png.com/). To compress large images, either PNG or JPG, use [tinypng.com.](https://tinypng.com/)   | **Required?** | **Artwork** | **Type** | **Dimensions (px)** | | --- | --- | --- | --- | | #### Single Event App branding | | | | | ✅ | [App icon](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#app_icon) | iOS icon Android icon | 1024x1024 (PNG only) 1024x1024 (PNG only) | | ✅ | [Google Play Store icon (Android)](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#google_images) | Icon Feature graphic | 512x512 (PNG only) 1024x500 (PNG only) | | ✅ | [Welcome screen](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#welcome_screen) | Logo | 1024x1024 | | ✅ | [Confirmation and password reset emails](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#confirm_password_email) | Header | 900x450 | | #### Event branding | | | | | ✅ | [Event banner](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#event_tiles) | Large Medium | 1260x600 600x600 | | ✅ | [Sign-in background](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#sign-in-background-single) | Background | 1920x1080 | | Optional | [Event icon (web only)](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#web_event_icon) | Icon | 120x120 | | Optional | [Invite email](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#invite_email) | Header | 900x450 | | #### Home page | | | | | Optional | [Intro screens](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#intro_page)[(mobile only)](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#intro_page) | Full-screen image | 1080x1920 | | Optional | [Home page banner](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#homepagebanner) | Mobile Tablet Web | 1080x1080 1920x960 1920x480 | | Optional | [Navigation tiles](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#landing_page) | Small Medium Large | 600x170 600x370 1260x370 | | #### Institute specific images (industry/sponsors/exhibitors) | | | | | Optional | Large card in industry list | Large card | 1200 x 600 px. | | #### Additional content | | | | | Optional | [News messages](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#news_messages_single) | Header | Recommended: 1200 x 300 px | | Optional | [Sponsor banner](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#sponsor_banner) | Banner | 1260x370 | | Optional | [Banner above list or navigation pages](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#listbanner) | Banner | 1280x320 | | Optional | [Floor plan](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#floorplan) | Floor plan | max. 4000x4000 | | Optional | [Session images](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#session_images)([sponsor logo](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#session_images_sponsor_logo) & [session banner](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#session_images_session_banner)) | Session sponsor logo Session banner | 900x150 1200x600 | | Optional | [Profile images](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#profile_images) | Background Profile picture | 1200x600 600x600 | | Optional | [Page banners (web only)](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#page_banner) | Banner | 1920 x 384 | | #### Virtual room images | | | | | Optional | [Virtual room images](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#virtual_rooms_all) (placeholder slide frame, placeholder speaker frame, and [virtual room sponsor banner](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#virtual_room_banner)) | Placeholder slide frame Placeholder speaker frame Virtual room sponsor banner | 1280 x 720 px 1280 x 720 px 1280 x 160 px | \* only required for Single Event Apps. If you are hosting your event in a multi-event app, this does not need to be provided each time! ### App icon The app icon is the visual anchor for your app. It should reflect your multi-event app while remaining sharp and legible on a small scale. **👁️ Where users see it:** The app icon appears on users' home screens and in the App Store and Google Play Store. **✅ Requirements:** - 1024 × 1024 px - PNG only - No transparency & no shadows Because iOS and Android display icons differently, **two separate versions are required**. - **iOS:** Only the corners are rounded. - **Android:** A mask crops more of the image. **Tip:** Keep your logo or artwork centred within approximately **600 × 600 px** of the canvas to prevent important content from being cropped on Android devices. ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/undefined-May-26-2023-09-28-59-8774-AM.png?width=550&height=251&name=undefined-May-26-2023-09-28-59-8774-AM.png) *Apple                                                    Android* 👉 **Where to upload in the studio:** Go Community App \> *App building* \> *Layout* tab ![Screenshot 2026-08-12 at 16.06.05](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-12%20at%2016.06.05.png?width=460&height=234&name=Screenshot%202026-08-12%20at%2016.06.05.png) ### Google Play Store images To submit your app to the Google Play Store, create the following images that represent your app: - A square icon of **512x512px**. You can resize the App icon for this. - A feature graphic of **1024x500px** Both images should be **PNG** without transparency or shadow. Please note that the corners of the image will be automatically rounded, so important information should be kept from the e ### Welcome screen **👁️ Where users see it:** The welcome screen appears while the app starts and loads. Depending on the user's device, it is typically visible for **0–2 seconds**. **✅ Requirements:** - Logo: 1024 × 1024 px - PNG with transparency The logo is displayed on top of your selected background colour (which is a single colour of your choice) ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202023-03-03%20at%2015-27-45-png.png?width=183&height=356&name=Screenshot%202023-03-03%20at%2015-27-45-png.png) 👉 **Where to upload in the studio:** Go Community App \> *App building* \> *Layout* tab ![Screenshot 2026-08-12 at 16.06.05](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-12%20at%2016.06.05.png?width=448&height=227&name=Screenshot%202026-08-12%20at%2016.06.05.png) ### Confirmation and password reset email \* 👁️ **Where can users see it:** If users can sign in using their email address, you can **brand** the automated emails they receive for **email verification** (to verify a user's email) **and password resets** (to reset their passwords). ✅ **Requirements:** - Email header image: 900 × 450 px - You'll also need to provide an **hexcode accent colour** (for example, #005EB8) used for buttons, links, and titles (in the example below: the color is the"Open the event" button) ![Screenshot 2026-08-17 at 11.51.30](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2011.51.30.png?width=348&height=431&name=Screenshot%202026-08-17%20at%2011.51.30.png) **👉 Where to upload in the studio:** (this is done on a Community level/multi-event app level): Community/Society Level: Go to *Settings* \> Click the *Sign in* tab \> Scroll down to *Email sign in* \> and add your chosen *Header image.* *![Screenshot 2026-08-12 at 17.01.08](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-12%20at%2017.01.08.png?width=454&height=282&name=Screenshot%202026-08-12%20at%2017.01.08.png)* ### Event banner 👁️ **Where do users see it:** The large **required** event banner (also known as large event tile) is used in the mobile app when the event is linked with a large tile, and in the web app when accessing the event through the event overview on Floq Live. ✅ **Requirements:**  - **Required:** Large event tile (1260x600px) - Medium event tile (600x600px) #### ![CC-Demo-tile-event1-L](https://knowledge.conferencecompass.com/hs-fs/hubfs/CC-Demo-tile-event1-L.png?width=404&height=192&name=CC-Demo-tile-event1-L.png)     ![CC-Demo-tile-event1-M](https://knowledge.conferencecompass.com/hs-fs/hubfs/CC-Demo-tile-event1-M.png?width=192&height=192&name=CC-Demo-tile-event1-M.png) This is what the large event image (event tile) looks like in the web app (left) and when the user initially opens the single event app. ![image-png-Sep-08-2025-10-25-39-8383-AM](https://knowledge.conferencecompass.com/hs-fs/hubfs/image-png-Sep-08-2025-10-25-39-8383-AM.png?width=464&height=336&name=image-png-Sep-08-2025-10-25-39-8383-AM.png) ![IMG\_0291](https://knowledge.conferencecompass.com/hs-fs/hubfs/IMG_0291.png?width=145&height=314&name=IMG_0291.png)   👉 **Where to upload in the studio:** Choose your event in your Community level in the studio \> Click on *Settings* \> Click on the *General* tab \> Scroll down to *Images* \> Upload your *Event image.* ![Screenshot 2026-08-13 at 16.32.37](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-13%20at%2016.32.37.png?width=464&height=261&name=Screenshot%202026-08-13%20at%2016.32.37.png) ### Sign-in background **👁️ Where users see it:** If a user signs in to the app, they see a full-screen image behind the section where they can sign in (sign-in form). **✅ Requirements:**  - 1920 × 1080 px - Avoid logos or text (use patterns, textures or photography without important details near the edges) Because mobile screens vary in size, parts of the image may be cropped/corners may be cut-off You can also apply the same sign-in background for all the events in your multi-event app (default background), [click here](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app?hsLang=en) to learn more. ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/IMG_0631-PNG.png?width=160&height=285&name=IMG_0631-PNG.png)   ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202023-02-16%20at%2016-42-58-png.png?width=470&height=264&name=Screenshot%202023-02-16%20at%2016-42-58-png.png) 👉 **Where to upload in the studio:** Choose an event in your community app \> Go to *Settings* \> *General* \> Scroll down to *Images* \> *Sign in background* ### ![Screenshot 2026-08-12 at 16.32.05](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-12%20at%2016.32.05.png?width=599&height=226&name=Screenshot%202026-08-12%20at%2016.32.05.png) ### Event icon (web only) **👁️ Where users see it:** The icon will be displayed in the top-left corner of your web app.  ✅ **Requirements:** icon 120 × 120 px ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202023-02-16%20at%2016-36-48-png.png?width=280&height=182&name=Screenshot%202023-02-16%20at%2016-36-48-png.png) **👉 Where to upload in the studio:** Choose your event \> *Settings* \> *General* tab \> Scroll to Images \> Event icon (web only) ![Screenshot 2026-08-13 at 12.58.09](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-13%20at%2012.58.09.png?width=501&height=151&name=Screenshot%202026-08-13%20at%2012.58.09.png) ### Invite email **👁️ Where users see it:** The [invitation emails](https://knowledge.conferencecompass.com/invite-attendees-for-your-event?hsLang=en) that are sent from the attendee list directly to users emails, which are customizable. ✅ **Requirements:** - Header image (900x450px) - Hexadecimal (hex code) (e.g. #FFFFFF) accent colour used for titles, buttons, and links. ![Screenshot 2026-08-14 at 16.55.14](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2016.55.14.png?width=373&height=393&name=Screenshot%202026-08-14%20at%2016.55.14.png) **👉 Where to upload in the studio:** Choose your event \> *Settings* \> *Email* tab \> Scroll to Images \> Event icon (web only) ![Screenshot 2026-08-13 at 20.44.14](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-13%20at%2020.44.14.png?width=564&height=262&name=Screenshot%202026-08-13%20at%2020.44.14.png)   ### Intro screens (mobile only) **👁️ Where users see it:** Intro screens (also known as splash screen) are displayed when users open the event. You can upload multiple images and configure how long each one is displayed. ✅ **Requirements:** - Intro screen image 1080 × 1920 px - Optional but recommended: a chosen hexcode background color ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/IMG_1029-PNG-1.png?width=300&height=650&name=IMG_1029-PNG-1.png) **👉 Where to upload in the studio:** Choose your event \> *Pages* \> *Home* \> Select the intro screen button next to the Home page of the event app, then a popup will appear where you can choose multiple intro screen images. ![Screenshot 2026-08-13 at 20.52.52](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-13%20at%2020.52.52.png?width=586&height=209&name=Screenshot%202026-08-13%20at%2020.52.52.png) ![Screenshot 2026-08-13 at 20.53.17](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-13%20at%2020.53.17.png?width=455&height=261&name=Screenshot%202026-08-13%20at%2020.53.17.png) ### Home page banner **👁️ Where users see it:** Displayed at the top of the event home page. You can choose to show the event name as text on top of this banner, like in the example below, but you can also add it to the image itself.  ✅ **Requirements:** Different aspect ratios are needed for the different device types: - Mobile: 1080 x 1080 px (1:1) - Tablet: 1920 x 960 px (2:1) - Web: 1920 x 480 px (4:1) - Choose a customizable background colour (hexadecimal, e.g. #FFFFFF) that is shown below the image on the rest of the page. **Keep in mind:** The top of the image is covered by the status bar and app navigation. Avoid placing logos or text there. For another example, check out the example on [this page](https://knowledge.conferencecompass.com/artwork-guidelines-sponsors#home).    ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202025-01-10%20at%2010-14-54-jpeg-1.jpeg?width=149&height=323&name=Screenshot%202025-01-10%20at%2010-14-54-jpeg-1.jpeg)   ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/web%20home-jpg.jpeg?width=470&height=321&name=web%20home-jpg.jpeg) **👉 Where to upload in the studio:** Choose your event \> *Pages* \> *Home* \> Select the device type (mobile, tablet or web) and when hovering on the home screen the text "Add/change page banner" will appear.  ![Screenshot 2026-08-13 at 21.03.54](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-13%20at%2021.03.54.png?width=532&height=331&name=Screenshot%202026-08-13%20at%2021.03.54.png) ### Navigation tiles **👁️ Where users see it:** These are the main buttons displayed on the home page, and can be customized to fit the event branding. You can create the navigation tiles for the home page in the studio by selecting an icon and choosing a label, but you can also upload a custom image. ✅ **Requirements:** Different aspect ratios are needed for the different device types: - Small tile – 600 × 200 px - Medium tile – 600 × 450 px - Large tile – 1260 × 450 px ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202024-11-28%20at%2013-54-42-jpeg.jpeg?width=300&height=203&name=Screenshot%202024-11-28%20at%2013-54-42-jpeg.jpeg) **👉 Where to upload in the studio:** Choose your event \> *Pages* \> *Home* \> Add a *Navigation* widget \> scroll down in your Home screen and click "*Add button*" \> Connect your button to a page, and change the Type to *Image* to add an image for a button. Already have a navigation widget and want to edit or add more buttons? Simply click the 3 dots (...) next to the navigation section to add a button to that section, or edit a button by hovering over one and clicking the 3 dots that appear.  ![Screenshot 2026-08-13 at 21.09.58](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-13%20at%2021.09.58.png?width=287&height=181&name=Screenshot%202026-08-13%20at%2021.09.58.png)![Screenshot 2026-08-13 at 21.10.40](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-13%20at%2021.10.40.png?width=307&height=183&name=Screenshot%202026-08-13%20at%2021.10.40.png) ![Screenshot 2026-08-13 at 21.11.25](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-13%20at%2021.11.25.png?width=395&height=273&name=Screenshot%202026-08-13%20at%2021.11.25.png) ### Large card in industry list **👁️ Where users see it:** By default, institutes/sponsors will display a small card, which is automatically the logo image, but institutes have the option to appear on a large card with a customisable banner in the industry overview. ✅ **Requirements:**  - Large card 1200 x 600 px. ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/image-png-Dec-23-2025-12-00-37-4107-PM.png?width=600&height=295&name=image-png-Dec-23-2025-12-00-37-4107-PM.png) **👉 Where to upload in the studio:** Choose your event \> Click on *Data* \> Click on the institute/sponsor/exhibitor you would like to have a large image card \> Scroll down to the *Layout* section \> Go to the *Card size* section \> Click the *Large* tab instead of the default *Small* tab \> Then, *Card image* section will appear where you can upload your large card image. ![Screenshot 2026-08-17 at 16.40.31](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2016.40.31.png?width=523&height=199&name=Screenshot%202026-08-17%20at%2016.40.31.png) ### News messages **👁️ Where users see it:** Optionally displayed on top of a news message, which can be seen in the home screen and when you open a news message. ✅ **Requirements:**  - There are no requirements for these images: recommended 1200 x 300 px - Optional: This could also be a Youtube or Vimeo video (URL required) ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/image-png-Dec-23-2025-11-52-18-1489-AM.png?width=600&height=291&name=image-png-Dec-23-2025-11-52-18-1489-AM.png) **👉 Where to upload in the studio:** Choose your event \> Click *News* \> Either add a message or edit an existing message \> Scroll down to *Content* \> Upload a *Banner* image or video URL. ![Screenshot 2026-08-17 at 13.17.51](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2013.17.51.png?width=566&height=213&name=Screenshot%202026-08-17%20at%2013.17.51.png) ![Screenshot 2026-08-17 at 13.18.10](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2013.18.10.png?width=516&height=308&name=Screenshot%202026-08-17%20at%2013.18.10.png) ### Sponsor banner **👁️ Where users see it:** Displayed as a slideshow (sponsor banner widget) on the home page. You can have as many images and as many separate sponsor banners as you like. ✅ **Requirements:** Different aspect ratios are needed for the different device types: - Banner 1260 × 450 px - You can only add one banner at a time, so if you see the Sponsor banner widget button disappears, this is because it is somewhere in your home page! ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/image-png-Nov-28-2024-12-50-05-5354-PM.png?width=400&height=208&name=image-png-Nov-28-2024-12-50-05-5354-PM.png) **👉 Where to upload in the studio:** Choose your event \> *Pages* \> Click *Add widget* \> Choose *Sponsor banner* \> Then go to where the Sponsor banner populated in the Home page and click *Add image*, from here you can add as many slides (banners) as you want. ![Screenshot 2026-08-14 at 10.00.58](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2010.00.58.png?width=389&height=201&name=Screenshot%202026-08-14%20at%2010.00.58.png)![Screenshot 2026-08-14 at 10.09.52](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2010.09.52.png?width=237&height=204&name=Screenshot%202026-08-14%20at%2010.09.52.png)   ### Banner above list or navigation page **👁️ Where users see it:** Displayed above list and navigation pages as a slideshow (optional), you can add one or multiple banners. ✅ **Requirements:** Different aspect ratios are needed for the different device types: - Banner image 1280 × 320 px ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/image-png-Dec-23-2025-11-52-48-0056-AM.png?width=600&height=292&name=image-png-Dec-23-2025-11-52-48-0056-AM.png) **👉 Where to upload in the studio:** Choose your event \> *Pages* \> then, click the *Pages* tab \> Click on *List* where a dropdown will appear \> click the list you want your banner to show (in this example it is *Exhibitors*) \> Go to *Slideshow* and upload a banner of your choice! ![Screenshot 2026-08-14 at 11.38.03](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2011.38.03.png?width=465&height=278&name=Screenshot%202026-08-14%20at%2011.38.03.png) ### Floor plans **👁️ Where users see it:** When clicking on the "floor plan" button or when clicking a location through a programme item or institution, the floor plan will open. ✅ **Requirements:**  - Floor plan images 4000 × 4000 px (have multiple images for different floors or locations? That is possible to upload in different tabs!) - Images only, no PDF's! - Choose a customizable colour (hexadecimal, e.g. #FFFFFF) that is used for the pins when you link a location/place to the floor plan. ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/undefined-May-26-2023-09-28-59-4015-AM.png?width=248&height=455&name=undefined-May-26-2023-09-28-59-4015-AM.png) **👉 Where to upload in the studio:** Choose your event \> *Pages* \> then, click the *Pages* tab \> Click on *Floorplan \>* Scroll to Content \> Tabs \> Add a tab of your choice and upload your floor plan image \> add a pin color by adding the chosen hexcode. ![Screenshot 2026-08-14 at 11.40.45](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2011.40.45.png?width=408&height=261&name=Screenshot%202026-08-14%20at%2011.40.45.png)![Screenshot 2026-08-14 at 11.41.18](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2011.41.18.png?width=240&height=271&name=Screenshot%202026-08-14%20at%2011.41.18.png) ### Session images You can also add images to a session page: a logo above the session in the list, and/or a banner on the session detail page. #### Sponsor logo **👁️ Where users see it:** Appears above the session title within the Daily Programme. ✅ **Requirements:**  - 900 × 150 px Note that the logo is not visible in table view layout. ![Screenshot 2026-08-17 at 13.36.02](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2013.36.02.png?width=200&height=355&name=Screenshot%202026-08-17%20at%2013.36.02.png) ![Screenshot 2026-08-17 at 13.40.33](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2013.40.33.png?width=482&height=284&name=Screenshot%202026-08-17%20at%2013.40.33.png)                 **👉 Where to upload in the studio:** Choose your event \> Click on *Data* \> Choose the *Programme items* tab \> then, locate the session/presentation you would like to add the sponsor logo to \> Click your session *\>* Scroll to *Images* \> Upload your Sponsor logo. ![Screenshot 2026-08-14 at 11.50.06](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2011.50.06.png?width=396&height=229&name=Screenshot%202026-08-14%20at%2011.50.06.png) Session banner **👁️ Where users see it:** Appears at the top of the session detail page. ✅ **Requirements:**  - Banner 1200 × 600 px - Optional: Vimeo or Youtube link to add a video ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/image-png-Dec-23-2025-11-55-44-1050-AM.png?width=670&height=335&name=image-png-Dec-23-2025-11-55-44-1050-AM.png) **👉 Where to upload in the studio:** Choose your event \> Click on *Settings* \> Click on *Data types* tab \> Go to *Programme items* and select the item you want to display all the same banner (eg: all Sessions, or only all Posters, etc) \> Scroll down to the *Image* section and upload your banner image. **![Screenshot 2026-08-17 at 14.19.29](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2014.19.29.png?width=381&height=191&name=Screenshot%202026-08-17%20at%2014.19.29.png) Want to change the banner per programme item?** Choose your event \> Click on *Data* \> Choose the *Programme items* tab \> then, locate the session/presentation you would like to add the session banner to \> Click your session *\>* Scroll to *Images* \> Find *Banner* \> Upload your Sponsor logo. ![Screenshot 2026-08-14 at 11.53.27](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2011.53.27.png?width=428&height=249&name=Screenshot%202026-08-14%20at%2011.53.27.png) ### Profile images #### Background **👁️ Where users see it:** You can change the default background image behind all person profiles. This image will be used for all person's pages in this event. ✅ **Requirements:**  - 1200 × 600 px ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202023-03-03%20at%2015-28-09-png.png?width=229&height=449&name=Screenshot%202023-03-03%20at%2015-28-09-png.png) **👉 Where to upload in the studio:** Choose your event \> Click on *Settings* \> Choose the *Data types* tab \> then, go to *Persons \>* Go to *Images* \> Find *Background image*  and upload your image.  ![Screenshot 2026-08-14 at 16.11.03](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2016.11.03.png?width=527&height=231&name=Screenshot%202026-08-14%20at%2016.11.03.png) Profile picture **👁️ Where users see it:** For presenter or speaker images, the image is seen when displaying the presenter/speaker/author of the session, and when the user clicks on a Persons profile.  ✅ **Requirements:**  - 1200 × 600 px - Faces should be centred, as profile pictures are displayed inside a circular frame. **👉 Where to upload in the studio:** Choose your event \> Click on *Data* \> Choose the *Persons* tab \> then, choose the Person you want to upload a profile picture for and click on their profile\> Go to *Images* \> Upload the persons profile picture here. ![Screenshot 2026-08-14 at 16.17.23](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2016.17.23.png?width=344&height=180&name=Screenshot%202026-08-14%20at%2016.17.23.png)![Screenshot 2026-08-14 at 16.17.56](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2016.17.56.png?width=295&height=154&name=Screenshot%202026-08-14%20at%2016.17.56.png) ### Page banner (web only) **👁️ Where users see it:** Displayed above Daily Programme, Navigation and List pages. ✅ **Requirements:**  - 1920 × 384 px - You can include the page title in the artwork or use the Floq Studio setting to display the page name. **![](https://knowledge.conferencecompass.com/hs-fs/hubfs/undefined-Jul-25-2022-01-53-38-97-PM.png?width=630&name=undefined-Jul-25-2022-01-53-38-97-PM.png)** **👉 Where to upload in the studio:** Choose your event \> Click on *Pages* \> Choose the *Pages* tab \> Go to *General* \> Choose and upload your *Page banner.* ![Screenshot 2026-08-14 at 16.37.44](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-14%20at%2016.37.44.png?width=575&height=234&name=Screenshot%202026-08-14%20at%2016.37.44.png) ### Virtual rooms - Placeholder images #### Placeholder **slide frame** & **speaker frame** **👁️** Placeholder **slide** frame **- Where users see it:** A placeholder image for slides in a virtual room in the branding of your event. When no slides are being shared, this image is the placeholder instead. Great to use for sponsored sessions! **👁️** Placeholder **speaker** frame **- Where users see it:** This placeholder image can be seen in a virtual room in the branding of your event where the speaker should be displayed. When no video camera on the speaker is shared, this image is the placeholder instead ✅ **Requirements:**  - Placeholder slide frame 1280 x 720 px - Placeholder speaker frame 1280 x 720 px ![Screenshot 2026-08-17 at 14.35.25](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2014.35.25.png?width=206&height=366&name=Screenshot%202026-08-17%20at%2014.35.25.png)   ![Screenshot 2026-08-17 at 14.39.59](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2014.39.59.png?width=474&height=245&name=Screenshot%202026-08-17%20at%2014.39.59.png)     **👉 Where to upload in the studio:** Choose your event \> Click on *Settings* \> Click on the *General* tab \> Scroll down to *Images* section \> Find the *Placeholder images in virtual rooms* section and upload your image in Slides frame or Speaker frame. ![Screenshot 2026-08-17 at 14.29.21 copy](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2014.29.21%20copy.png?width=526&height=292&name=Screenshot%202026-08-17%20at%2014.29.21%20copy.png) #### Virtual room banner **👁️ Where users see it:** You can add a unique banner in each virtual room which will be displayed below the slides frame. The image could be linked to an object or page in the app, or an external URL. ✅ **Requirements:**  - Sponsor Banner 1280 x 160 px. **Note:** This can only be added individually per programme item, therefore you can add the sponsor banner one by one per specific session. ![](https://knowledge.conferencecompass.com/hs-fs/hubfs/image-png-Dec-23-2025-11-59-32-7872-AM.png?width=600&height=293&name=image-png-Dec-23-2025-11-59-32-7872-AM.png) **👉 Where to upload in the studio:** Choose your event \> Click on *Data* \> Click on the session/poster/presentation you would like to add a sponsor banner to \> Go to Scroll down to *Virtual room* section \> Upload your image in the *Sponsor banner* section\* ![Screenshot 2026-08-17 at 16.28.57](https://knowledge.conferencecompass.com/hs-fs/hubfs/Screenshot%202026-08-17%20at%2016.28.57.png?width=464&height=239&name=Screenshot%202026-08-17%20at%2016.28.57.png) \*This is not the same as Sponsor logo. To know the difference, [click here](https://knowledge.conferencecompass.com/artwork-guidelines-single-event-app#session_images_sponsor_logo). - [For organisers](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#main-content) - [Artwork guidelines](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#artwork-guidelines) - [Floq Event Registration](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#floq-event-registration) - [Set up your app and add events](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#set-up-your-app-and-add-events) - [Configure your event](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#configure-your-event) - [Community and attendees](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#community-and-attendees) - [News messages](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#news-messages) - [Interactive features](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#interactive-features) - [Virtual sessions](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#virtual-sessions) - [Sponsors](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#sponsors) - [Integrations](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#integrations) - [Advanced features](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#advanced-features) - [App promotion](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#app-promotion) - [Analytics](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#analytics) - [Download your event info](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#download-your-event-info) - [Off-boarding](https://knowledge.conferencecompass.com/for-organisers?hsLang=en#off-boarding) - [For moderators, speakers and representatives](https://knowledge.conferencecompass.com/for-moderators-speakers-and-representatives?hsLang=en#main-content) - [Vote & Ask moderators in non-virtual sessions](https://knowledge.conferencecompass.com/for-moderators-speakers-and-representatives?hsLang=en#vote-ask-moderators-in-non-virtual-sessions) - [Representatives](https://knowledge.conferencecompass.com/for-moderators-speakers-and-representatives?hsLang=en#representatives) - [Technical moderators (AV) for virtual and hybrid sessions](https://knowledge.conferencecompass.com/for-moderators-speakers-and-representatives?hsLang=en#technical-moderators-av-for-virtual-and-hybrid-sessions) - [Moderators, speakers and hosts in virtual sessions](https://knowledge.conferencecompass.com/for-moderators-speakers-and-representatives?hsLang=en#moderators-speakers-and-hosts-in-virtual-sessions) - [For attendees](https://knowledge.conferencecompass.com/for-attendees?hsLang=en) - [Release notes](https://knowledge.conferencecompass.com/release-notes?hsLang=en#main-content) - [Latest versions](https://knowledge.conferencecompass.com/release-notes?hsLang=en#latest-versions) - [Older versions](https://knowledge.conferencecompass.com/release-notes?hsLang=en#older-versions) - [Publish apps on the stores](https://knowledge.conferencecompass.com/publish-apps-on-the-stores?hsLang=en#main-content) - [Create accounts](https://knowledge.conferencecompass.com/publish-apps-on-the-stores?hsLang=en#create-accounts) - [Create app certificates and keys](https://knowledge.conferencecompass.com/publish-apps-on-the-stores?hsLang=en#create-app-certificates-and-keys) - [Create build file and screenshots](https://knowledge.conferencecompass.com/publish-apps-on-the-stores?hsLang=en#create-build-file-and-screenshots) - [Submit your app to the Stores](https://knowledge.conferencecompass.com/publish-apps-on-the-stores?hsLang=en#submit-your-app-to-the-stores) - [Transfer apps](https://knowledge.conferencecompass.com/publish-apps-on-the-stores?hsLang=en#transfer-apps) - [Offboarding](https://knowledge.conferencecompass.com/publish-apps-on-the-stores?hsLang=en#offboarding) - [About Conference Compass and Floq Event Management](https://knowledge.conferencecompass.com/about-conference-compass-and-floq-event-management?hsLang=en) [![Chill listening crop-3](https://knowledge.conferencecompass.com/hs-fs/hubfs/CC-logo%20(2).png?width=115&height=30&name=CC-logo%20(2).png "Chill listening crop-3")](https://www.conferencecompass.com/) Copyright © 2026, Conference Compass