The below table can be used to guide the creation of various visual assets across your Schoolbox instance.
It can be downloaded in PDF format here.
Considerations:
| |||
Component/Asset Type | Example | Minimum Size Recommendation | Notes |
News Feature Image | Ratio: 3:2 Pixel Dimensions: 750 x 500 | If a larger image is applied it will be equally larger when an article is opened, but will appear consistent in the News component. | |
Folder Cover Image | Ratio: 2:1 Pixel Dimensions: 700 x 350 | Shown on My Groups and Classes pages, and Grid View of Folders component. | |
Email Digest Banner | Ratio: 67:10 Pixel Dimensions: 670 x 100 | Design › Settings - Skin Config | |
Dashboard Slider Image | Ratio: 8:3 Pixel Dimensions: 800 x 300 | Can be hyperlinked by adding a URL in the file description. | |
Tiles (Homepage Banner) | Ratio: 8:1 Pixel Dimensions: 1600 x 200 | ||
Tiles (Square) | Ratio: 1:1 Pixel Dimensions: 400 x 400 | ||
Tiles (Rectangular/Panorama) | Ratio: 16:5 Pixel Dimensions: 800 x 250 | ||
Tiles (Landscape) | Ratio: 16:9 Pixel Dimensions: 640 x 360 | ||
Tiles (Portrait) | Ratio: 9:16 Pixel Dimensions: 360 x 640 | ||
Badge for Achievement/Goal | Ratio: 1:1 Pixel Dimensions: 250 x 250 | ||
App Icon | Ratio: 1:1 Pixel Dimensions: 192 x 192 | Design › Settings - Skin Config | |
Logo Login | Ratio: 1:1 Pixel Dimensions: 192 x 192 | Design › Settings - Skin Config | |
Login Background | Ratio: 16:9
Pixel Dimensions: 1920 x 1080 | Design › Settings - Skin Config | |
Top Menu Logo | Ratio: 1:1 Pixel Dimensions: 72 x 72 | Design › Settings - Skin Config | |
Side Menu Logo | Ratio: 1:1 Pixel Dimensions: 192 x 192 | Design › Settings - Skin Config | |
User Profile Images | Ratio: 1:1 Pixel Dimensions: 400x 400
Or
Ratio: 4:5 Pixel Dimensions 400 x 500 | If uploading manually, i.e. not available from SIS to Schoolbox.
For portrait-style photos (i.e. not square), negative space is required at the top of the frame to avoid cutting off the subject in some displays. | |