Is there a limit to the size of the image we can use in Catalog for our course listings?

[sbarry2]

For the course listings in Canvas Catalog, is there a limit to the image size we can use? Is there a recommended size?

[erinhmcmillan · Accepted solution]

Hi, Steve,

I'm sorry no one has responded to your question, but just in case you still need an answer, all the Catalog documentation, as well as the image dialog windows in Catalog, have been updated to reference image dimensions rather than image size. For best results in listings, images should be 768 pixels high and 1.050 pixels wide; supported formats include PNG, JPG, GIF, and SVG.

Hope that helps!

Erin

[karen_bowden]

If anyone else new to Canvas and the catalog finds this question, here is some more info to be aware of that I wish I'd known early on: The image size is different than the one used when creating the course. So, our compromise was to create a standard cover image size that works in both. 

Because the entire team does not have a suitable photo editor, we use Powerpoint. I created a "template" with guidelines that demarcate the left and right sides. When the course creator stays within those margins the dimensions are correct. Then the "current slide" is saved as a jpg, png (whatever you prefer) and we use it in both the course and catalog.

[jsowalsk]

Here are the width and length sizing: https://community.canvaslms.com/docs/DOC-9622-26051253935 

[kimberly_ellis]

The 768x1050 px specification does not show my graphic correctly.  

Here's my graphic created as 768x1050 pixels:

Here's how it looks in my Catalog:

It is cutting off my words at the bottom of the graphic.  I’ve tried this multiple times, and it appears to LOAD correctly in the preview….but once it is saved it cuts off the graphic.   

I sure wish the Course Card from Canvas would copy over automatically to the Catalog listing.  That would be FABULOUS!!   

If you know the dimensions that upload correctly, please let me know.

[jsowalsk]

I would recommend sizing the graphic in Adobe Photoshop with Canvas Size and Image Size then the image will be the most accurate it will be for the listing. 

[kimberly_ellis]

Hey Jessica,

I have sized the graphic correctly.  I just talked to my Canvas rep, and it turns out that my instance for some reason has a different size graphic.  It is really weird.  I have to use 370 px by 505 px.   Please vote for my feature request if you would like to have Canvas Dashboard Cards sync to your Catalog:  https://community.canvaslms.com/ideas/13069-use-course-dashboard-cards-for-catalog-listing-images 

[jsowalsk]

I voted.  @jfenton ‌ please add this to your features list. It has become very aggravating for our customers and us admins to deal with.

[kimberly_ellis]

Thank you for spreading the word! 

[jsowalsk]

My pleasure.

[kscheid]

Looks like several years later, and we have the same issue. Tier 1 didn't know how to fix. 

[scombs426]

And here we are in 2024 without any real answers either.  The resource documents are much lower resolution than anyone we've talked with has used to get decent images.  svg seemed to work better when scaled for us. 

https://community.canvaslms.com/t5/Canvas-Resource-Documents/Canvas-Catalog-Logo-Guidelines/ta-p/560...

[jsowalsk]

@sbarry2 If this is still accurate here are the dimensions: https://community.canvaslms.com/t5/Canvas-Resource-Documents/Canvas-Catalog-Logo-Guidelines/ta-p/560...