Forum Discussion
Image Dimensions in Rise
Hello
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.
91 Replies
- KateHaywardCommunity Member
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.
- KateHaywardCommunity Member
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:
- 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.
- Here's a doc I created with some tips on the blocks and the settings/media they support.
- A blog post that explains how I created the flashcards in a demo so I had text on image.
- TS4LondonCommunity Member
Thanks Tom, this is really helpful. :)
- OrganizationStaCommunity Member
Tom, your tips document is fantastic! :)
- JoDynon-f2c6d08Community Member
Tom - I found your tips on the blocks and the settings/media supported super interesting. This solves some questions I've had lately. By any change would you have a more recent version of this doc we could possibly utilise? Thanks so much
- TinaOvergaardCommunity Member
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!
- TinaOvergaardCommunity Member
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!!
- JamieKormanCommunity Member
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 :)
- JamieKormanCommunity Member
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.
- HeatherNixon-88Community Member
I can see this was over 4 years ago. I'm having the same problems now. Some issues I'm having:
- content library images get zoomed in on/cut off rather than fitting to size so content library not really usable
- Images I upload again zooming in on one tiny area and any of the options such as the column grid or text on image
- To get around this I tried putting the text on the image and uploading as an image file but it again zoomed in/cut off a lot of the text
- Screenshots blur a lot, especially if there is text.
- Different issue but there also isn't always an option for alternative text on image blocks/interactive image blocks.
Would you be able to share specific dimensions for what works on your image information pages. I can resize an image if I know what to resize to.
@heather: thanks for jumping in...just a few thoughts
There are some image blocks that are designed to respond to the device and will crop the image. For example, the blocks with text and image are designed to keep the text as the key focal point, which then crops the background image. If you use one of the square image blocks, it crops to the center square. And some images blocks are designed to scale the image.
It sounds like you may be experiencing some wonkiness. If the images you insert aren't responding the way designed for that block, contact our support team and they can look at it.
If you want to share what image you're inserting and the result, start a new thread (so this old one doesn't run on forever) and ping me and we can look at it. We can see if it's working as it should or not and then offer some help from there.
Screenshots are problematic in terms of what resolution it was grabbed at and then how it's scaled when responding to the device. There is always going to be some image degradation if you insert a screenshot into a lower resolution container. To avoid any compression Rise does to optimize the image you
Just add
_NOPROCESS_
to the name of your image file.In terms of dimensions, the images will either crop (to respond to the screen) or scale. There's no perfect dimension. Here's what I recommend when working with images:
- Use the highest quality image you can
- work with a consistent aspect ratio. I usually use 16:9 and for the square blocks, 1:1. The cover image, I use 3:1(which is like three squares). The core content in the vicinity of the middle square won't get cropped out regardless of the device.
- Use the _NOPROCESS_ to limit optimization
Hope that helps.
Related Content
- 28 days ago
- 2 months ago