Presenters and Producers can add images or pictures to event Registration pages, Lobby pages, and several areas in the Webcast Elite Audience Console. This article includes recommended file types, sizes, and formats for logos, backgrounds, banners, icons, and speaker photos.
As a best practice, all images should be sized before uploading to Webcast Elite. All images uploaded to the ON24 platform must be in a .JPG, .PNG, or .GIF format. Some exceptions may apply and are noted below with an asterisk*.
These recommendations are based on the most common scenarios and setups and are provided as guidance. Your setup may require something different as branding requirements are specific to each user.
Registration and Lobby Pages Banner
Adding a company logo to your Banner is an easy way to add branding to your registration page. The Banner will be centered at the top of the registration and lobby pages.
If you would like your banner image to align with the edges of the abstract and registration fields, size your registration banner at 1230 pixels.
If you would like a full-width banner spanning the entire registration and lobby pages, size your banner to 1920 pixels.
Note: Either banner width will work with tablet devices.
|Example of registration page with the banner sized to 1920 pixels.
|Example of registration page with the banner sized to 1230 pixels.
The console background image will be uploaded using the Console Builder. The recommended image size is the same for both desktop and mobile viewers.
- *Accepted formats are SWF, PNG, GIF, and JPG.
- Console Background Size 2900 x 1350
Pro Tip: We recommend uploading an image with no text or logo. Using a background image with the text or logos will often cause them to appear stretched/skewed when an attendee expands their browser window. Therefore, uploading a plain background image is our best practice.
To add logos and text to your console, we recommend using the Image and Text options to achieve the best results. These tools will allow you to 'lock' the size and position of the images and text so they won't appear distorted when an attendee expands their browser window.
Watch this quick demo for more pro tips on optimizing your console background.
Need a background image?
Need information on console customization?
Constrain Image Proportions
- Within the Console Builder, there is a Constrain Image Proportions option (checked by default) that displays the image at the exact size you uploaded it.
- If webcast attendees expand their console view larger than the background image, the background colors will appear beyond the image boundary (see the red X'ed image below).
- If the Constrain Image Proportions box is left unchecked, the background image will scale to fit the attendee's browser window.
- Background graphics vary in design, so we recommend opening the Preview to determine which option displays the best results.
To see how the constrain image proportions option works, watch this quick demo.
Note: If using an SWF background image, the Audience Console does not display it as stretched even if that is the defined behavior.
If you are using a background image smaller than the recommended specs, viewers on larger monitors might see a bright blue background beyond where your image reaches.
Reduce this effect by changing the background color to a color complementary to your console image.
In Console Customization > Styling, change the Desktop and Tablet setting to a single color, select the complementary color, and then change the setting back to Image.
Using a single color, a gradient, or even a combination of elements, a top banner can incorporate your company logo and webcast title. It can be added uploaded using the Image tool.
- Recommended Size - 1200 px wide x 100-150 high px
Engagement Tool Icons
The Engagement Tool icons can be changed in two ways:
- Click on the gear icon to all tools at once - find more information here
- Open the Attributes of each tool and upload an image - download .zip files of icons you can use here
Speaker Bio Photo
The Speaker Bio engagement tool allows you to add fully customizable profiles for each presenter including the speaker's name, photo, title, company, and up to three direct contact links. Click the Configuration button to upload your photo.
Note: Uploading a square image is strongly recommended and will achieve the best results. The best practice for consistency is 500 px by 500 px square image size for speaker headshots.
Additional Console Graphics: Dimensions Will Vary
The Image engagement tool allows an image to be displayed on the console and can be hyperlinked to launch a URL in a separate browser window.
All images will display at their original size.
If resizing or editing is needed, changes should be made offline using your preferred photo editor (e.g., Photoshop, Snagit, etc.).