This article contains guidelines for the size of various images used in Lumos. A range of sizes may often look acceptable, so we recommend you test and view the published outputs for yourself to confirm that you're happy.
You can upload most images to the CMS, but some images must be uploaded by Vista to the Content Delivery Network (CDN). These are listed under CDN images.
Cinema logos
Themes > [Theme] > Global > Assets
| Image | Width × height (px) | Notes |
| Light theme cinema logo |
Minimum: 162 × 24 Maximum: 320 × 32 |
Should be horizontally friendly. |
| Dark theme cinema logo |
Minimum: 162 × 24 Maximum: 320 × 32 |
Should be horizontally friendly. |
| Email cinema logo |
|
Living Ticket images
Themes > [Theme] > Global > Living Ticket > General
| Image | Size (px) | Notes |
| Fallback background image |
Google Wallet
Themes > [Theme] > Global > Living Ticket > Google Wallet
| Image | Size (px) | Notes |
| Logo | Minimum: 600 × 600 |
Google Wallet masks your logo into a circle. See Google's documentation for more info: https://developers.google.com/wallet/generic/resources/brand-guidelines#logos |
| Hero image |
Width: 1032 Height: 336 |
See Google's documentation for more info: https://developers.google.com/wallet/generic/resources/brand-guidelines#hero-images |
Apple Wallet
Themes > [Theme] > Global > Living Ticket > Apple Wallet
The background image is only used if a strip image is not uploaded. See Apple's documentation for more information.
| Image | Size (px) | Notes |
| Logo | 160 × 50 | Displayed in the top left corner of the pass. |
| Logo (2X) | 320 × 100 | |
| Logo (3X) | 480 × 150 | |
| Icon | 29 × 29 | Displayed when a pass is shown on the lock screen. |
| Icon (2X) | 58 × 58 | |
| Icon (3X) | 87 × 87 | |
| Background image | 180 × 220 | Displayed behind the entire front of the pass, and only used if a strip image is not uploaded. |
| Background image (2X) | 360 × 440 | |
| Background image (3X) | 540 × 660 | |
| Strip | 375 × 98 | Displayed behind the primary fields. |
| Strip (2X) | 750 × 196 | |
| Strip (3X) | 1125 × 294 | |
| Thumbnail | 90 × 90 | Displayed next to the fields on the front of the pass. |
| Thumbnail (2X) | 180 × 180 | |
| Thumbnail (3X) | 270 × 270 |
Web images
Themes > [Theme] > Web > Light mode/Dark mode
| Image | Size (px) | Notes |
| Body background image | Width: 1920 |
Optional Only applies to desktop view |
| Header image | Width: 1920 |
Optional Only applies to desktop view |
Themes > [Theme] > Web > Assets
| Image | Size (px) | Notes |
| Favicons | 16 × 16 |
This should align with standard favicon guidelines |
Custom content
Custom content > Web > Standard pages > Home page > Hero banner
| Image | Ratio | Notes |
| Hero banner images | 21:9 |
Custom content > Web > Standard pages > Home page > Skyscraper media
| Image | Size (px) | Notes |
| Media | 160 × 600 |
Custom content > Web > Standard pages > Home page > Footer media
| Image | Size (px) | Notes |
| Media | 1200 × 200 |
CDN images
Contact your Vista representative to have these images uploaded to the CDN.
| Image | Size (px) | Notes |
| Hero banner on site pages | 21:9 ratio |
One image per site. Located in: \Images\Entities\CinemaGallery |
| Loyalty member card logo |
Name of the PNG file must match the Club ID. Located in: \Images\Entities\LoyaltyClubs |
|
| Subscription member card logo |
Name of the PNG file must match the Subscription ID. Located in: \Images\Entities\SubscriptionLogo |
|
| Member reward thumbnails | 120 × 120 |
Name of the image file must match the recognition in Loyalty. Located in: \Images\Entities\LoyaltyRewardThumbnail |
| Member reward main image | Width: 600 |
Name of the image file must match the recognition in Loyalty. Located in: \Images\Entities\LoyaltyReward |
Mobile images
Custom content > Mobile > Standard pages > Home page > Hero banner
| Image | Size (px) | Notes |
| Media | 300 × 250 |
Kiosk images
Themes > [Theme] > Kiosk > Light mode/Dark mode
| Image | Size (px) | Notes |
| Kiosk background image |
|
Custom content > Kiosk > Standard pages > Site content > Film/Food & Beverage
| Image | Size (px) | Notes |
| Hero banner | 1080 × 608 |
|
Custom content > Kiosk > Standard pages > Site content > Idle screen (portrait)
| Image | Size (px) | Notes |
| Idle screen images | 1080 × 1856 |
|
Custom content > Kiosk > Standard pages > Site content > Idle screen (landscape)
| Image | Size (px) | Notes |
| Idle screen images | Depends on your display |
Use an image that matches the aspect ratio of your display, allowing for a 64px header at the top of the display. |
Custom content > Kiosk > Standard pages > Site content > Order Collected Page
| Image | Size (px) | Notes |
| Hero image | Depends on your display |
Use an image with an aspect ratio of 3:2. |
See also:
Comments
0 comments
Please sign in to leave a comment.