Image Dimensions in Rise

It would perhaps be useful to include some of these tips in the relevant areas in Rise so people don't have to go searching for it...suggested dimensions or ratios for each of the areas you can upload images or other content.

Hi Michael,

There isn't a place within Rise to showcase the image sizes for each of the varying lesson or block types, but we have some documented best practices here for working with images and other media elements in Rise. 

For the image you're using with the text that got cut off, were you using the "text on image" block type? I was playing with the built in image for that Block just now and was able to add a fair amount more text to it, and the sizing automatically starts to show more of the image based on how much text I'm adding so I wasn't able to get it to be cut off. The image once it has expanded to the entire height of the image does start to zoom in on the image and cut off a side of the image. So it's continuing to automatically resize to match the amount of text you've looked at including. 

If you've got a sample Rise course link and the original image that you'd like our team to take a look at we'd be happy to. That way we can ensure we're talking about and seeing the same thing. Feel free to share here in the ELH forums if you're ok with it being public and if you'd like to share privately you can send along to our Support Engineers here. 

What is the recommended image dimensions?  I uploaded an image, but it doesn't fill the screen and I can't resize the image.  Please advise.  Thank you!

Hi Denise!

We recommend using the highest quality image that you have available--the larger the dimensions, the better! We've tested with images widths as wide as 8000px, and they look great.

If we can have a look at your Rise course link and the original image, we can possibly make some recommendations based on the image you're using. You can share those here in the thread, or if you'd like to share privately, you can send them along to our Support Engineers here. 

Dear Alyssa,

Rise chopps off the height of the image, if used full-width.

The original template for full-width image has even higher height, so I wonder if there is some ratio rule you could let us know? I have already read the article (https://articulate.com/support/article/Use-the-Highest-Quality-Images-for-Rise-Courses) , no such infos there!

Is there a  to overcome it? (Please see the attached images)

Many thanks!!

Hi Cindy,

I have seen others experience an issue with image files when they are authoring Rise within IE, which is not a supported environment.

You can find supported web browsers for authoring and viewing responsive Rise courses here.

If you need us to take a look at one of your image files, feel free to share.

Hi Allison,

I did submit a case, and the answer I received isn't helpful:

"Rise is responsive when it comes to handling media files such as images that are uploaded to the course. This means that images will have different dimensions as they adapt to different devices and orientations. The community forum here has a great response from one of my colleagues, explaining why you are observing this specific behavior for your images, and how to edit the images to best prepare them for being displayed in a Rise course:

https://community.articulate.com/discussions/rise-360/what-size-pictures-for-different-rise-templates

Just to summarize, your images are not being cropped, but rather being displayed in a way that Rise recognizes as optimal for the current browser window."

I know that Rise is responsive, but I'm starting to not care, if it's going to crop my images in ways I don't want. And there are no tips on editing or best size of images, per the Rise block.

I know it's not your fault, but I wish this could be addressed somehow. In the meantime, I'll stop using 2-column grid for images.

Go Annie...Go Annie!

Hi Jennifer!

Both of the logo files you attached are relatively small. You'll want to use the largest image sizes you have available so the logo will not lose quality if the course displays full screen.

Also, the best aspect ratio for the cover photo is 3:1. So for example, you could use an image that is 3000 pixels wide x1000 pixels tall. 

Hi Eric,

As Alyssa mentioned earlier, there is no ratio as it'll display different based on the device you're using. It sounds like landscape images are working best for you, perhaps your Marketing team can help reset them all as landscape and test out different centering options?