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
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.


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.

List image

Total dimensions (w × h): 800 × 400 pixels
Safe zone (w × h): 630 × 290 pixels
Download Photoshop template

More info for the JUNO team

This size fits these modules:

  • Square rotator (Show 3, Show 4)

  • Square grid (aka Two-column grid)

  • Grid image (aka Multi-column grid) (Show 2, Show 3, Show 4, Show 5)

  • Search grid (Live Session Row, Library Row)

Banner image

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

More info for the JUNO team

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

More info for the JUNO team

This size fits these modules:

  • Billboard (Partial width)

  • Billboard (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

Overall siteSessionsSpeakersLibraryTracksLessonsBillboard adsLeaderboardExhibitors and sponsors

Overall site

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

46 px height

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

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

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

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

Sessions

ID#

Image needed

Quantity

Sizes needed
(w × h)

Upload to

Location on the site
(click to enlarge the example)

2.10

Image representing the topic of the session

1 per session

List image

List Image

In any list of sessions, at various sizes

2.11

Another image representing the topic of the session (can be identical to the first)

1 per session

Banner image

Banner Image

In any rotator of sessions, at various sizes

2.20

Another image representing the topic of the session (can be identical to the first)

1 per session

List image

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

Library

ID#

Image needed

Quantity

Sizes needed
(w × h)

Upload to

Location on the site
(click to enlarge the example)

4.10

Image representing the topic of the library content

1 per piece of library content

List image

List Image

In any list of library content, at various sizes

4.11

Another image representing the topic of the library content (can be identical to the first)

1 per piece of library content

Banner image

Banner Image

In any rotator of sessions, at various sizes

Tracks

ID#

Image needed

Quantity

Sizes needed
(w × h)

Upload to

Location on the site
(click to enlarge the example)

5.10

Image representing the topic of the track

1 per track

List image

List Image

In any list of tracks, at various sizes

5.20

Another image representing the topic of the track (can be identical to the first)

1 per track

List image

Banner Image

At the top of the track page

5.30

Certificate of completion of a track

1 per track with a certificate

List image

Certificate tab

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

Lessons

ID#

Image needed

Quantity

Sizes needed
(w × h)

Upload to

Location on the site
(click to enlarge the example)

6.10

Image representing the topic of the lesson

1 per lesson

List image

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.