Forum Discussion
Preventing images from auto-cropping
Is there no way to prevent an Rise from auto-cropping an image? I inserted an image from the content library and rise crops out half of it... I've been searching for this trying to figure it out and...
Rise 360 content is fully responsive, so your images may have different dimensions as they adapt to different devices and orientations. Blocks like image full-width, text on image, and quote on image cover the entire width of your screen so they get cropped to fit different screen sizes and orientations. For these image block types, we recommend using images where important details won't be lost if the image gets cropped.
Feel free to check out our best practices for images here.
I believe the issue we're experiencing is that the full-width image is preserving the same vertical height regardless of the screen width. While I appreciate that the image will load differently on a narrower screen, in my circumstance it would be better if the entire ratio of the image (vertical and horizontal) scaled to the width of the screen. This would make the full-width image taller on a wider screen, by necessity, but would keep any information from being cropped out.
It feels like the current functionality is built around cosmetic stock images, like the ones in the asset library, that work perfectly fine when cropped away. While building a technically-focused learning module, however, I'm using the full-screen image block to include screen shots as examples where all edges of the image are important. Instead, I use Image Centered to make sure the entire image is viewable, but to see detail the learners will have to click to expand.
An option in the Format options for the full width image block that locks the ratio would do exactly what I need.
Hi Christopher,
A suggestion made by Tom Kuhlman (Articulate staff) is to create a Labeled Graphic block. Then delete all the default markers.
That should give you a full-width image with no cropping that preserves the same vertical height regardless of the screen width.
