This page helps you scope and design images for your site. If you have special configurations or images that aren’t listed, your JUNO team representative can help!

Contents
How to use this page
Maximum file size
Universal image sizes
Images needed for your site


How to use this page

The tables below list each image you need to provide for your site.

  1. Look at the Image needed column to find a description of the image.

  2. The Size needed is listed next to it.

  3. The image might show up in one or multiple places on your site. This is described in the Location on the site column, along with a visual example.

  4. Refer to the Upload to column when it’s time to upload images to the site editor. (For example, inside the Speaker site editor, you’ll see an upload spot labeled Icon.) If nothing is specified, that image will be uploaded by the JUNO team.


Maximum file size and file type

Unless otherwise specified, the file size for any image should be below 200KB.

Save images as .jpeg files unless otherwise specified. This helps reduce the file size. If an image needs a transparent background, save it as a .png file.


Universal image sizes

Because JUNO modules are dynamic, some images show up in multiple sizes around your site. These universal size templates will help you design images that work anywhere.

The safe zone shows where it’s safe to put important design elements like text and logos. Any space outside the safe zone might get cut off.

Click to enlarge the example templates.

Banner image

Total dimensions (w × h): 1440 × 461 pixels
Safe zone (w × h): 1340 × 360 pixels
Download Photoshop template

Which modules does it fit?

This size fits these modules:

  • Featured rotator (Partial width)

  • Feature rotator (Full width)

Billboard

Total dimensions (w × h): 1440 × 134 pixels
Safe zone (w × h): 1360 × 90 pixels
Download Photoshop template

Which modules does it fit?
  • Billboard rotator (Partial width)

  • Billboard rotator (Full width)

Circle

Total dimensions (w × h): 500 × 500 pixels
Safe zone (w × h): 500 pixels diameter
Download Photoshop template


Images needed for your site

LogosIntro banners and backgroundsHelp chatSessionsSpeakersOn-demandCoursesLessonsBillboard adsLeaderboardExhibitors and sponsors

Logos

ID#

Image needed

Quantity

Sizes needed
(w × h)

Location on the site
(click to enlarge the example)

1.10

Site logo, designed for the welcome page

1

300 px width

Can fit vertical or horizontal logos

In the center of the welcome page

1.20

Site logo, designed for the site navigation bar

1

200 px wide

Horizontal logo recommended

In the navigation bar at the top of every page

1.30,
1.31,
1.32

Site logo, designed for the favicon

1

16 × 16 px,
32 × 32 px, and
96 × 96 px

.png file type

In a user’s browser, often in the address bar, tabs, and bookmarks

1.40

Brand graphic for a social sharing image

1

1200 × 800 px with the logo clear of the edges

As a preview when you share the site URL with someone, at various sizes

Intro banners and backgrounds

Check your video’s privacy settings to make sure attendees will be able to view your video. Also note that regional laws block some video platforms. Learn more about video privacy settings.

1.50

Welcome page background image or video

1

Image and video:
1920 × 1080 px

Video:
.mp4 file, approximately 10MB max

Full-page background on the welcome page, behind the logo and login buttons

1.60

(Optional)

Banner graphic or video introduction to the whole site

1

Image:
Banner image

Video:
1930 × 1080 px

MP4, Vimeo, Youtube, or Wistia video

At the top of the home page, across the full width of the page

1.70

(Optional)

Banner graphic introducing an area of the site

1 per page

Banner image

At the top of any page

1.80

Parallax banner elements

(Only if parallax is configured on your site)

Multiple elements for 1 banner

Total banner: approximately 8000 × 400 px

The JUNO team will help you select and set up these images.

At the top of the home page, across the full width of the page

Help chat

ID#

Image needed

Quantity

Sizes needed
(w × h)

Location on the site
(click to enlarge the example)

1.90

(Optional)

Help chat avatar

For example, your logo or a branded character.

1

80 × 80 px

.png file type

In the help chat conversation window, next to the chat bot’s or live agent’s message

Sessions

ID#

Image needed

Quantity

Sizes needed
(w × h)

Upload to

Location on the site
(click to enlarge the example)

2.10

Session list image

1 per session

800 × 450 px

List Image

In any list of sessions, at various sizes

2.11

Session banner image

1 per session

Banner image

Banner Image

In any rotator of sessions, at various sizes

2.20

Session page image (can be identical to the cover image)

1 per session

800 × 450 px

Pre Session Information Banner

At the top of the session details page, before or after a session is live

Speakers

ID#

Image needed

Quantity

Sizes needed
(w × h)

Upload to

Location on the site
(click to enlarge the example)

3.10

Profile photo of the speaker

1 per speaker

Circle

Icon

In any list of speakers and on each speaker’s details page

A small icon inside each speaker’s session

On-demand

ID#

Image needed

Quantity

Sizes needed
(w × h)

Upload to

Location on the site
(click to enlarge the example)

4.10

On-demand list image

1 per piece of on-demand content

800 × 450 px

List Image

In any list of on-demand content, at various sizes

4.11

On-demand banner image

1 per piece of on-demand content

Banner image

Banner Image

In any rotator of sessions, at various sizes

Courses (Also known as Tracks)

Courses are made up of multiple lessons (below).

ID#

Image needed

Quantity

Sizes needed
(w × h)

Upload to

Location on the site
(click to enlarge the example)

5.10

Course list image

1 per track

800 × 450 px

List Image

In any list of tracks, at various sizes

5.20

Course page image (can be identical to the first)

1 per track

Banner image

Banner Image

At the top of the track page

5.30

Certificate of completion of a track

1 per track with a certificate

800 × 450 px

Certificate tab

In a pop-up at the end of the track, and as a downloadable image

Lessons

Lessons can be grouped within courses (above).

ID#

Image needed

Quantity

Sizes needed
(w × h)

Upload to

Location on the site
(click to enlarge the example)

6.10

Lesson page image

1 per lesson

800 × 450 px

Banner Image

In any list of lessons at various sizes, and at the top of the lesson page

Billboard ads

ID#

Image needed

Quantity

Sizes needed
(w × h)

Location on the site
(click to enlarge the example)

7.10

(Optional)

Advertisement graphic that links to a sponsor, site content, or external site

1 per ad

Billboard

On any page, at the top, bottom, or in between modules. Can be across the full width of the page, or partial width

Leaderboard

ID#

Image needed

Quantity

Sizes needed
(w × h)

Location on the site
(click to enlarge the example)

8.10

(Optional)

Advertisement graphic that points to a sponsor, site content, or external site

1

800 × 110 px

At the top of the leaderboard

Exhibitors and sponsors

Exhibitors and sponsors provide images and content to customize their suites. See specifications.