Forum Discussion
Preventing images from auto-cropping
Why does the temp image in the full width image block show a full 16:9 image and then when I insert my own image it crops to a strip of the image severely cutting off the top and bottom of the image. If I try and adjust the crop, the image strip gets cropped even further vertically and my image is still cut off.
The crop tool is pretty useless from what I have experienced.
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.
- ChristopherA5382 years agoCommunity Member
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.- KarlMuller2 years agoCommunity Member
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.