I've just started using Rise and I have some questions. Is there place that tells me the image dimensions (ie: Image and Text, Image size for the accordion, etc.). My client thinks the font is too small in the image description, so I was going to overlay it on the image, but it keeps cutting it off and I'll be here all day trying to figure out the image size.
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.
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.
Rise displays images in different sizes and ratios depending on the device you're using, especially in those full-width image blocks. For example, the way an image is cropped on a tablet is completely different than the way it's cropped on a phone.
In other words, there's no ratio rule to follow since the image will be cropped differently depending on the device that's used. That's the beauty of fully-responsive content--it reflows and resizes to fit the device/screen you're using.
I'm having a similar issue with photos in a 4-column grid. I'm putting photos of all of our senior leadership into the grid, but in about half of the photos the tops of their heads are being cut off (I've checked and it's happening for every type of device). Our marketing team wants to help me resize the images so that the full image appears, but they need some guidance. I do notice that it seems to happen more with the photos taken in portrait vs. landscape.
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?
Hi Ashley: Taking this same concept further, when the zoomed page is loaded, how can I put any text on this page surrounding, or adding to, the zoomed image (not referring to a caption). Thank you, Ed
When you click on an image in Rise, that will zoom/enlarge the image itself. There isn't an additional page or section with which to add text - but if you could share a bit more about what you're looking to set up we can offer some other ideas!
I am also having trouble with images chopping within the gallery frames. No matter what device or what format (landscape or portrait, the frame chops off part of the image. If I knew two aspect rations (one for landscape and one for portrait), I think I could figure out how to size images so that they look like they fit into the frames.
Aha! When previewing one of your images on all the available devices, the images don't appear to change aspect ratio, just size. The boundaries are the same boundaries; the same information is available no matter the device. I just need to know the correct aspect ratio.
Generally, here's the advice I give for the Rise workshops:
I try to keep in images at either 1x1 or 16:9. Some blocks like the image grids, display 1x1 but when clicked will open to the full image. 16x9 helps keep it consistent looking.
All image blocks scale the image except the images with text on them. I consider those decorative images and they will crop as noted above.
Hi Alyssa. Thanks for the quick response. I saw that block and it's a little too big but I'm glad we have that option if things change again. We've decided to stick with what we have. It'll work! Thanks again!!
Hi. I am having image issues using the Gallery block and the three or four column grids. Images used to shrink down to the proper size to view the whole image and then zoom when clicked for the full view.
Over the last few months images have automatically zoomed to much larger than their actual resolution which cuts off the image. When you hover over and click to zoom the whole image appears at its proper size.
That is semi-helpful. The gallery blocks didn't used to behave this way. I have older courses that automatically sized the images properly without have to resize the image with additional space on the sides.
Resizing also isn't possible when using images from the Content Library. It makes the content library pretty much unusable in those blocks.
The 1:1 aspect ratio is how the gallery blocks were designed and if the images used are a different ratio, the full size will be displayed when zoomed in. I know Tom shared some best practices about this above.
I do understand your point about the Content Library images, so I will be sure to share this with my team so we can keep a pulse on this.
I have added to white text to an image in Photoshop and exported as a .png. Wen I upload the image in Rise, the text is no longer white. Any idea why this would be?
@Phil: where did you upload it? If you use it as a cover image there's a contrast setting that will darken the image to work with the title text. That can be set between 10-90% I believe.
If you inserted the image in text on image block/quote you'll see a similar opacity setting
@Tom: It was uploaded into an image - full width block. I'm not seeing the contrast setting. Under settings for that block, all I see is padding top and bottom and background color. Currently the background color is set to the default - none.
85 Replies
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 Irina!
Rise displays images in different sizes and ratios depending on the device you're using, especially in those full-width image blocks. For example, the way an image is cropped on a tablet is completely different than the way it's cropped on a phone.
In other words, there's no ratio rule to follow since the image will be cropped differently depending on the device that's used. That's the beauty of fully-responsive content--it reflows and resizes to fit the device/screen you're using.
I'm having a similar issue with photos in a 4-column grid. I'm putting photos of all of our senior leadership into the grid, but in about half of the photos the tops of their heads are being cut off (I've checked and it's happening for every type of device). Our marketing team wants to help me resize the images so that the full image appears, but they need some guidance. I do notice that it seems to happen more with the photos taken in portrait vs. landscape.
Thanks for any help.
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?
Hi Ashley: Taking this same concept further, when the zoomed page is loaded, how can I put any text on this page surrounding, or adding to, the zoomed image (not referring to a caption). Thank you, Ed
Hi Edward,
When you click on an image in Rise, that will zoom/enlarge the image itself. There isn't an additional page or section with which to add text - but if you could share a bit more about what you're looking to set up we can offer some other ideas!
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.
I am also having trouble with images chopping within the gallery frames. No matter what device or what format (landscape or portrait, the frame chops off part of the image. If I knew two aspect rations (one for landscape and one for portrait), I think I could figure out how to size images so that they look like they fit into the frames.
Aha! When previewing one of your images on all the available devices, the images don't appear to change aspect ratio, just size. The boundaries are the same boundaries; the same information is available no matter the device. I just need to know the correct aspect ratio.
Hi Kate,
Within the Gallery in Rise you'll find it's a 1x1 aspect ratio, and when you click on the image it will be displayed full size.
Hope that helps!
Generally, here's the advice I give for the Rise workshops:
Thanks Tom, this is really helpful. :)
Is there any way to enlarge the small circular image in a "quote carousel block" in Rise?
Hi there Tina!
While there isn't a way to increase the size of the circular image in a Quote Carousel Block, you may want to explore using a Process Block instead?
A Process Block has much larger images, and you can set it up to function similarly to a Quote Carousel. Here's a sample of what that could look like!
Hi Alyssa. Thanks for the quick response. I saw that block and it's a little too big but I'm glad we have that option if things change again. We've decided to stick with what we have. It'll work! Thanks again!!
Hi. I am having image issues using the Gallery block and the three or four column grids. Images used to shrink down to the proper size to view the whole image and then zoom when clicked for the full view.
Over the last few months images have automatically zoomed to much larger than their actual resolution which cuts off the image. When you hover over and click to zoom the whole image appears at its proper size.
I am attaching two screenshots.
Hi Jamie,
Thanks for reaching out and sharing what you are experiencing with the Gallery Block and for including those pictures.
Be sure that you're using the highest quality images for your Rise course for the best result.
For this particular block, I would recommend using images that are square in size to prevent the zooming effect that you are seeing.
Check out how they look different based on the shape of the image:
The latter picture is created with some space around the image to generate a square like this:
Hope that helps :)
Thanks Leslie.
That is semi-helpful. The gallery blocks didn't used to behave this way. I have older courses that automatically sized the images properly without have to resize the image with additional space on the sides.
Resizing also isn't possible when using images from the Content Library. It makes the content library pretty much unusable in those blocks.
Is this issue currently being worked?
Thanks for that feedback Jamie.
The 1:1 aspect ratio is how the gallery blocks were designed and if the images used are a different ratio, the full size will be displayed when zoomed in. I know Tom shared some best practices about this above.
I do understand your point about the Content Library images, so I will be sure to share this with my team so we can keep a pulse on this.
I have added to white text to an image in Photoshop and exported as a .png. Wen I upload the image in Rise, the text is no longer white. Any idea why this would be?
@Phil: where did you upload it? If you use it as a cover image there's a contrast setting that will darken the image to work with the title text. That can be set between 10-90% I believe.
If you inserted the image in text on image block/quote you'll see a similar opacity setting
@Tom: It was uploaded into an image - full width block. I'm not seeing the contrast setting. Under settings for that block, all I see is padding top and bottom and background color. Currently the background color is set to the default - none.