Image Specifications

Schoolbox Image Specifications

Are you sure you want to remove this component?

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:

  • The larger your image dimensions, up to a maximum of 2048 pixels, the higher your image quality will be. However, larger images load more slowly and take up more storage space on your instance.
  • Available image types in most applications include JPEGs, PNGs and SVGs. PNGs support transparency, ideal for logos and icons that need to blend into their background. SVGs have the highest image quality, but may have display issues on iOS.

Component/Asset Type

Example

Minimum Size Recommendation

Notes

News Feature Image 

AD_4nXdiXxEhzmZfi8bCVbloWVwi2ldbo2xFMMpXxmA3qtJqOUnaeqg4HwGVtkyPaSqqQZsVuEfSYF66AlJe2o34HATD7U6S3gn6jvvSKj9Vn3iiLVaJPgCjU9pEiEbtLOp6ccYHw5Ct?key=IxQ0ZzKuo5tsXrYTiwYiyQAD_4nXf_s56w2otMOzlCvnB_Qlb5-5T9iWiNVKMsm2_jDj8dFxl5r0dEsGDrGPhi7nDzyF35WlsaRVjKLuBoyFkWkz4w5RpQycPBalrYZHQjdu8KlnPPbUJzoRE0a8ImL8G72gZ2O7jDxQ?key=IxQ0ZzKuo5tsXrYTiwYiyQ

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

AD_4nXfhzjkeMt8YWpmYPHk2ONH64bKfNFnA1E_wDAJJHebymz9Zg8FFfKxV3YNBL0uddn-PsB5Ui2sDr_rCl62Bsxarp1nqvmuDTffHZfTiUkxBEpaz-IYUIIoRIPlExjWeub93T0i7Zw?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 2:1

Pixel Dimensions: 700 x 350 

Shown on My Groups and Classes pages, and Grid View of Folders component.

Email Digest Banner

AD_4nXfYIRKJwJzfVk_lZMgJLky88eByzrkSVOlRMYoj0NRgh7oLmkrHrOfQMDTvmzKQbtsuAbGmYqf4WyJzS8H-CzWIDaX7hx0Xan1zN4pkX7en-TADWXorZFnKvUVeRWo14ygCvI0Cig?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 67:10

Pixel Dimensions: 670 x 100

Design › Settings - Skin Config

Dashboard Slider Image

AD_4nXeGibNXgBLac3yRI62Vbw0UDrBmtUyl3ag_BKqyD8WBBVAfE_VBK8ABCEcDD0XX360mgCc5Nhn3qKWJY_W5wQ3gDL38e_A9q3NSqMba50BejPIlgeo50F42HFHr7X12-3HI7Jfscg?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 8:3

Pixel Dimensions: 800 x 300

Can be hyperlinked by adding a URL in the file description.

Tiles (Homepage Banner)

AD_4nXdPKcTYL4F5CSDluGlm0t-aEBD3HuuSYyk-FadEClCN3QWiP6u1BSoFpQ9EtzIIWcfjQkvX8EJAe2ztWKz0nTvC_pOaWpojynKvhxg2TVBFvf9OgNjQ1t-PRj2hI0CZ2lXD_Ej1jQ?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 8:1

Pixel Dimensions: 

1600 x 200

 

Tiles (Square)

AD_4nXeUyUrxGAQ_laZyY5EyjSe43SWUZzA_Jbc40CA3DDuFzAEC91FrmuyTpKOlYG-OM7qODTAoZfsBbiYjR_mNKUWVSDUqh0izcQZ-yQZTISCTe0yCGdRoUhTX6NvTfVt2kL4b3BKi?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 1:1

Pixel Dimensions: 400 x 400

 

Tiles (Rectangular/Panorama)

AD_4nXeYeQA8HSb8ocls9fF3MEf0DrqUbRKR8RekeyPVNM52GYkuX0mG2w2TPyqK0kUnB78Ggu9Y3VIXaO3RTci9BV5_9t_aFKRxLzWN4xkfUZAMk2bAKcXAo7BeLUoeAwehbAaNuzOo3Q?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 16:5

Pixel Dimensions: 

800 x 250

 

Tiles (Landscape)

AD_4nXdLSitLTy8UHS0Acpy3eJyb7s47q0sWtYRuAwInBJ6OkEE1dfAGS7B4nPz5j729w5ZWz5vjwci8afMeXhq55wYK6DLevZ6jFtGG43xSLJpbaB1nfSmdOTZlne5rHVaLw8ntqNhe?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 16:9

Pixel Dimensions: 640 x 360

 

Tiles (Portrait)

AD_4nXfYsy46pZP5DuzgYLuwR3_U3WxhOcnuvjMF4xp-IsMdmkZ7m-5c-tTdBZWbjXTOzpM2szRT0_MMnWgy4cyFEOZuP2LEJ0FHQOXdkcEDmyStIVRSlMuDDWXo-w1rldCjo4XJbXj2?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 9:16

Pixel Dimensions: 360 x 640

 

Badge for Achievement/Goal

AD_4nXfPOu_78WOG8CohCpqbyms3Cc-WitDi6Fxp4mpRp33TiPWGrowhySLrpN-uOSlO5VwopJakU0ay5HcJemq4qJUaJfUFGJA1wDNqh3kXZ07Q7rkzBrkkes2Yg9IHoMTgkRhSlEz6?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 1:1

Pixel Dimensions: 250 x 250

 

App Icon

AD_4nXefbBb6mi0Sl02fLm2KvddfgD4eC9613jna2_jUAj1E_TicSy6m38RmIbTfvZqGqc75Ccl9DgnuzWvbTkSN19i96ZI0Pzz_lOEjMpXeN1Ow05yjF2ubmasMNCBloj4JpQ4I5r-a7w?key=IxQ0ZzKuo5tsXrYTiwYiyQAD_4nXdGXwnwe378kamGsvvY1vnNLnr1h6HTsPbVI7uppBQWEzATVYlbf_PZ_HjyPfzba7V5tmoBzRIp8um09aU--jqYGu9hog7CssAxmWhfIOcbKZEWZ9_kPqus2a_hg28LFI0mWwEg?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 1:1

Pixel Dimensions: 192 x 192

Design › Settings - Skin Config

Logo Login

AD_4nXes4fXqfmnf7E9YnK3Oe3Bh7AzY-0S2e-jdceFgWxmrhCxwHpOELU7-9XTJN_LfrgyTO4zAybmSGjZxC48np0TsyU59orMJeHBYM_7ZsPW-GaEz48fwzrN8SUoOR3LDnqcKnTYsfg?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 1:1

Pixel Dimensions: 192 x 192

Design › Settings - Skin Config

Login Background

AD_4nXduE6OP_NMkJr0r9Yx-mdg-iR_5u3poKVDcWxpgKWN6niIzis6eQUGUalrx_v1DldhIJuLJYlUiEXDUb_OkP0T4RSDIRsUJvVjARAbUvL4numEJvAW-KEnlAvKRJAtisnhV89IWag?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 16:9

 

Pixel Dimensions: 1920 x 1080

Design › Settings - Skin Config

Top Menu Logo

AD_4nXfkf8ZAOJMc6Url-CR5Zq_pqfQkJNMNN0MWPZXbWedxVCOcdF_akiI3Z8w7c60dtv3I7A3_i1AdxI0cMIogSW4I_WJBN5yV5JR0_-Dw-hI-2ouVt7xXQgmhdHlN_XXnLArQLV2ohQ?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 1:1

Pixel Dimensions: 72 x 72

Design › Settings - Skin Config

Side Menu Logo

AD_4nXdSc7fcemi6BAM7Lq7OF8qhfKD7MeunJkNJKlRAwOz5sXl5xJPa63H-qWB21XDkV-ovX479upFI0GD1ctB-2tgoh7RBtGYnjn6HgFnB5EGMuFNgpUAJu5iJmMTLpuG67uJrWcwd?key=IxQ0ZzKuo5tsXrYTiwYiyQ

Ratio: 1:1

Pixel Dimensions: 192 x 192

Design › Settings - Skin Config

User Profile Images

AD_4nXcjDDI3FBBjPlEWIcVJgUkOxB29Kq373FvejIumNekzz8bpPDc0fADNsnx89DLEIhWw7B8_dgj6YDEcgLeZr3FI1QDHMSQQ2weprKVI7PCje0pYn-skN4W9n0ogFiUDeuhnuoyR?key=IxQ0ZzKuo5tsXrYTiwYiyQ

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.

Back To Top