•Determining the Size of Your Venue Image
•Additional Venue Image Information
Venue Images
A venue background image allows your customers and ticket sellers to view an accurate representation of the seat’s location and surroundings. By displaying the location of the stage/field, aisles, entrances and other venue features, the background image provides context to your seating. It also helps to help place the seats when configuring the venue.
Images files should be landscape, particularly for large venues.
When creating a background image, it is important to keep the file size to a minimum so that it will display faster for your users. The images should be in the .JPG and .PNG or .GIF formats.
You can assign overview and detailed images:
Background Image |
Description |
Overview |
The Overview image is displayed when the users first arrive at the Customer Services - Events|Seats Map page or the mapSelect.asp page online. It is a bird’s eye view of the entire venue. You cannot select seats from this view. The Overview image is also displayed in: •seatSelect.asp online •showSeats.asp online •Kiosk •Event Configuration - Venue|Screens page •Event Configuration - Events|Ticket Usage page.
Image Details: •.JPG or .PNG •No larger than 200 KB. Larger files can cause issues when they are loaded. To reduce the files size, save the image with a white background instead of a transparency. •No larger than 600 x 600 pixels (does not need to be square) If you have a large image, you can create multiple screens to represent your seats. |
Detailed |
The Detailed image is displayed on the Customer Services - Events|Seat Map page or the mapSelect.asp page online after the user has clicked on the Overview image. Typically, this image willl have more details than the Overview image. It is the used when adding seats to a venue via the Event Configuration - Venue|Seats page Image Details: •.JPG or .PNG •No larger than 200 KB. Larger files can cause issues when they are loaded. To reduce the files size, save the image with a white background instead of a transparency. •No larger than 600 x 600 pixels (does not need to be square) may force customers to scroll to view the entire image. A 1,000 seat venue can be approximately 750 x 750 pixels. •The maximum pixel size of the image cannot exceed 2880 x 2880. |
Determining the Size of Your Venue Image
•Each seat is approximately 5 pixels in diameter with a 5 pixel space between.
•Aisles are approximately 20 pixels wide.
For example, if each of the four sections of your venue is 20 seats wide and you have 5 aisles (one between each section and one on either end):
•20 seats x 5 pixels + 19 spaces x 5 pixels = 195 pixels
•195 pixels x 4 sections = 780 pixels
•5 aisles x 20 + 780 = a total of 880 pixels wide
Now you need to determine how much white space to include around the image (for labels or padding). Generally increasing the image area by 50%.
Additional Venue Image Information
When creating your background image, start out with a large image. Image quality is not significantly affected when an image is resized smaller, but increasing an image's size leads to poor image quality.
When creating the Detailed image, ensure that it comes from the same source file as the overview image (the same Adobe Illustrator file) and that both images have the same ratio. This is especially important when using pick-a-seat online. When used, your overview background image will be resized to 600 x 600 pixels and display seats assuming that the overview and detailed images have the same proportions (if not the same absolute size).
The following table lists some additional suggestions when creating your background images. All of the items below are optional and if added, should be tested to ensure the image remains readable and usable:
Topic |
Suggestion |
Use of Colours |
Create your image in shades of grey or light colours and avoid using colours similar to those of your price zones and holds. If you use a coloured image and the applicable price zone is a similar colour, you will not be able to distinguish where the seats are situated within the image. When creating your colour scheme for your price zones, consider the venue’s background image so that zones can be seen clearly. |
Assigned Seating Areas |
If possible, try to label your sections in your background image with a name (Main Floor, Orchestra, Balcony) or number (A1, B1) and label your rows (A, B, C). This information may be beneficial for your users, but if the image is scaled the information may be difficult to read. |
Exits and Entrances |
Label and indicate clearly where your customers can gain access to their seats easily. This information may be beneficial for your users, but if the image is scaled the information may be difficult to read. |
Standing/Parking Areas |
Label and indicate clearly where your customers can find these areas. This information may be beneficial for your users, but if the image is scaled the information may be difficult to read. |
Wheel Chair Accessible Areas |
To show wheelchair designated areas, include a wheelchair icon on your image where these areas reside. You can also use colour codes to identify these areas as well. This information may be beneficial for your users, but if the image is scaled the information may be difficult to read. |
Seating Keys |
You can create seating keys using light colours to identify a various number of areas. For example: •Obstructed view area •Railing •VIP box •Floor seating •standing areas •tiered areas •wheelchair accessible areas This information may be beneficial for your users, but if the image is scaled the information may be difficult to read. |
Framing Your Image |
It is important to frame your image once you have finished creating it. This will help you to identify the on-screen working area when using the image to create your venue. |
