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)
- Canva (see below)
Sizes
Community Image Sizes:
- Large logo: 450 max x 150px (Canva Link)
- Small logo: 128 x 128px (Canva Link)
- Favicon: 32 x 32px (Canva Link)
- Cover: 1200 x 600px (Canva Link)
- Banner: 1200 x 300px (Canva Link)
- Event: 1200 x 600px (Canva Link)
- Feed Post: 1200 x 600px (Canva Link)
Product Image Sizes:
- Cover: 1200 x 600px (Canva Link)
- Banner: 1600 x 400px (Canva Link)
- Event: 1200 x 600px (Canva Link)
- Badge: 128 x 128px (Canva Link)
Curriculum Image Sizes:
- Lesson: 1200 x 600px (Canva Link)
- Task: 1200 x 600px (Canva Link)
- Assignment: 1200 x 600px (Canva Link)
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.
Examples
Community Cover Image:
Community Banner Image:
Product Cover Image:
Product Banner Image:
Curriculum Image:
Post Cover Image:
Post Banner Image:
Event Banner Image: