Disco Images Guide

About Disco Images

We know you want your community and learning space to look inviting to your members so we've made this guide to help you get the perfect thumbnails for populating your Disco instance. We have suggestions for file specs, templates for you to use from some of your favorite design programs, the ideal sizing and even some pro tips to ensure it looks perfect.

File Specs: JPG or PNG in the RGB color profile. Ensure exported images are under 300 KB for the fastest image load times.

Templates

To make things easier, we’ve created some handy templates to get you started using some of our favorite design tools.

Figma (duplicate to your drafts)
Adobe Illustrator (download)
Adobe Photoshop (download)

Sizes

Community Image Sizes:

Large logo: 450 max x 150px
Small logo: 128 x 128px
Favicon: 32 x 32px
Cover: 1200 x 600px
Banner: 1200 x 300px
Event: 1200 x 600px
Feed Post: 1200 x 600px

Product Image Sizes:

Cover: 1200 x 600px
Banner: 1600 x 400px
Event: 1200 x 600px
Badge: 128 x 128px

Curriculum Image Sizes:

Lesson: 1200 x 600px
Task: 1200 x 600px
Assignment: 1200 x 600px
Thumbnail: 400 x 200px

Account Profile:

Banner: Aspect ratio 4:1 / 1600 x 500px recommended
Photo: Aspect ratio 1:1

Tips

Upload images as you work to ensure the creative looks right in the space it will live in.
Your community logo may need added weight to be legible at smaller display sizes.
A midweight or thicker font is recommended for legibility on all images as they are displayed in multiple locations and sizes (ex.Event images are also shown as smaller tiles on the “My Calendar” page).
Curriculum images are displayed as a small thumbnail; we recommend using an icon or other bold imagery for these.