Image Dimensions in Rise

Thanks Tom I found a solution.

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.

Totally great idea, Nicola! I join on that.

Thanks for submitting your feature request and use-case Nicola :)

Irina, you are welcome to share yours here if needed.

Hi,can you help? I'm trying to use images directly from the library for flash cards on Rise, the images don't adjust to fit the card size. 

I have manually adjusted the size to fit, but this doesn't work either? 

Can you advise?

Hi Helen,

I'm sorry you've run into trouble here!

What do you mean when you say that you've manually adjusted them and it's still not working? Do you mean that you've exported the images, changed the dimensions and reimported them? If so, what exactly is happening?

Yes, I exported through Storyline and resized using Paint then uploaded

Ok, gotcha! And then what happened?

Hi Allison, I have discovered the images size properly is the image centred option is selected, by not when the full card image is selected

If you select full card image what are you seeing? Can you share screenshots of the images centered vs. full so I can see what's going on?

The Flash card interaction is square (1x1 aspect ratio). 

• The choices for images are centered which displays the full image, however, if it is not 1x1 it will have some margins.
• The full card image will fill the entire card. Again, if the image is 1x1 you see everything. If it's a different aspect ratio it will crop from the center and fill the card. The full card can't show the entire image because the flash card itself is square and won't change dimensions.

Hi Alyssa

What are the dimensions of the divider blocks? I would like to replicate their size for some other assets?

Hi Ben,

Rise 360 will create responsive content, so there isn't one set size as it'll change based on what device you're viewing a course with. Could you share more about what you'd like to set up and we can point you in the right direction? 

Hello,

I'm using the 2-column grid and getting the same errors that others have described where the images are cut off, no matter how hi-res they are or if I have resized them in the hope that will help. I think there's a bug in your software. I'll go ahead and start a ticket for this, for me personally. But I wanted you to know others are still having this issue.

Thanks!

Hi Annie,

      Yes, I'm still having this issue.

Hi Annie and Helen,

I’m sorry that you’re having some trouble here.

The quickest way to resolve this issue is to have our Support Team take a look. You can submit a case here.

In the meantime, if there's anything else I can do to help, please let me know!

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.

Hey Ashley!

You stated, "Rise 360 will create responsive content, so there isn't one set size as it'll change based on what device you're viewing a course with."

Even a chart with pixel dimensions and possible resizes could help people out. Yes I know Rise is a responsive design tool, but most everyone pretty much starts with 1024 monitor (or whatever), tablet, and phone. 

Thank you - Ed

Hi all,

I did get a better answer yesterday from Support, after I complained on here. :) 

The 2-column grid gallery images need to be square. So, I simply added white space to the top and bottom of my landscape images, and voila! They looked fine in all the "device" modes.

This is the kind of tip I hope someone at Articulate collects and puts into a document or video of other helpful workarounds *hint hint*!

Go Annie...Go Annie!

Hi, 

Where can I find optimal image dimensions for each component in each view? 

Thanks. 

Hi Brian! We don't have this type of resource right now, but could you tell me if you're struggling with any particular block type, or viewing on a certain type of device?

Hi Crystal,

Thanks for getting back to me.

Not really struggling with any block type. Just wanted a cheat sheet to increase workflow. I'll just create my own.

Thanks.

Quick note, Brian - when you reply via email, it includes your email signature with contact information in the public discussion.  You can edit it out of the discussion here if you wish!