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.

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.

Here's a quick help when working with images: Create a square PowerPoint slide. Design tab, slide size. 10x10 Add the image to the slide when using a square image block (grids, flashcard) to the slide. Save the slide as an image .png Of course you can crop the image in other tools, but I usually have PowerPoint open when working with Rise.

The cropping tool helps a lot but in order to address the issue that a lot of folks indicated on this thread I'd love to see a Focal Point tool that allows you to drag the image in the frame to identify what should always be at the center of the image frame. Something like this:

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 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.

Image Dimensions in Rise | Articulate

EdwardHoke-8ec6
Community Member
6 years ago
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
BrianODwyerDesi
Community Member
6 years ago
Hi,

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

Thanks.
- Crystal-Horn
  Staff
  6 years ago
  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?
  - BrianODwyerDesi
    Community Member
    6 years ago
    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.
ArathiChhetri-4
Community Member
6 years ago
hi All,

I'm facing the same issue. My file (see sample image for rise) when added as a full length image gets cut off at the bottom and top. If I choose to add it as a centred image, it gets too small to view. Any suggestions?
- AnnieLouden-eb0
  Community Member
  6 years ago
  @Arathi, the 2-column grid gallery images need to be square. I believe if you add white space to the sides of your portrait images, they will show correctly.
JenniferFowlkes
Community Member
6 years ago
I am struggling with the image quality in Rise under the Course settings. I frequently use airline logo's as the cover photo and it seems any logo size I select appears distorted as the cover photo when the course is previewed. Any suggestions? I have added a logo below as an example of what I'm struggling.
SusanNabonne304
Community Member
5 years ago
And what about a five image gallery? I can't seem to make it work with images all the same size? I can get three (smaller) and two (bigger) images using the 3 grid and 2 grid.
AlyssaGomez
Staff
5 years ago
Hi Susan!

Tell me more about what you want to achieve with 5 images. There may be something else I can suggest! For example, you can design the 5-image layout on a PowerPoint slide, save the entire slide as one large image file, then upload it to an Image Full Width block.
- EdwardHoke-8ec6
  Community Member
  5 years ago
  Hi Alyssa: That is a good suggestion, but with the image treated as one, zooming would not be incorporated. Of course if there is no need, then that would be a def work-around in this case!
Crystal-Horn
Staff
5 years ago
Hi folks! We just released a really cool feature to help with cropping your images. Find out more here.

Let me know how that works for you!
EdwardHoke-8ec6
Community Member
2 years ago
Tom: Thanks, man. Your insights and assistance are so useful! This was good to think about as well, "Screenshots are problematic in terms of what resolution it was grabbed at and then how it's scaled when responding to the device." We all use screenshots to some degree or another as a last resort. What consistently pops up for me is the way Rise handles (or does not handle) zooms. I still do not understand the best practice for inserting the image size/rez, for optimum zoom effect.
LisaHarris-e708
Community Member
2 years ago
I'm finding the images in my process block are all different sizes - some very large, some too small. How do I achieve a consistent size?
- hazelB
  Staff
  2 years ago
  Hi Lisa! Sorry to hear that the images in your process block have different sizes.
  
  Do all the original images (prior to uploading in Rise) have the same dimensions?
  
  I'd also like to share a support article with you that may be helpful regarding Best Practices for Images Videos and Audio in Rise Courses.
DomenickChiddo-
Community Member
2 years ago
I was recently trying (and failing) to display an image without allowing Rise to auto-crop the image. I ended up finding a good workaround in this thread, which may address some issues brought up above: https://community.articulate.com/discussions/rise-360/image-control.

(Basically, using the "Labeled Graphic" block type and adjusting the settings as needed creates an image which prevents Rise from auto-cropping it.)