Forum Discussion

MichaelDavis-af's avatar
MichaelDavis-af
Community Member
8 years ago

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 f...
rise 360
LeslieMcKerchie's avatar
LeslieMcKerchie
Staff

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-88's avatar
HeatherNixon-88
Community Member
2 years ago

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.

  • TomKuhlmann's avatar
    TomKuhlmann
    Staff
    2 years ago

    @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