Forum Discussion
Rise 360 cover image and logo dimensions?
Does anyone know the the asset dimensions for the cover photo and logos you can upload to customize your Rise courses? Or where that info might be listed? It's not visible in settings screen of a course.
Thanks!
An additional ask: please let us resize the focal point for each view experience. Phone, tablet, desktop, landscape, portrait...they all preview differently and we need to be able to adjust accordingly.
I also need this functionality
Seen this question appear a few times online. Thought some of you might find these useful. They use a 2100:700px header image dimension. They're based on the Preview tool in Articulate rise, so they won't always be perfect (e.g. long course titles, device dimensions), but they'll do the trick 95% of the time.
- L = Landscape
- P = Portrait
Thank you for sharing this, Clint!
Very useful thank you!
Hi there Steve!
Cover photos with a 1:3 aspect ratio look beautiful in the Rise 360 cover photo area. For example, you could use an image with these dimensions: 1,000 pixels x 3,000 pixels.
For logos, it's best to use the largest image size possible. Crop out any white space around the logo so it will fill the container as much as possible.
I hope that helps guide you!
This is the first recommendation I've seen for an aspect ratio--thank you! I cropped to that ratio, and it looks great as the cover photo in a browser. But when I click to start the course and/or look at other preview formats, the subject is cut off. It appears that Rise favors the dead center of an image, and if your subject isn't there you're out of luck (believe it or not, the dog's tail really isn't what I want to feature)!
It would be really helpful if we had the ability to specify the "focus" of an image. After upload (or selection from the content library), it displays a small version of the image, you click the area you want to be the focus, and then click save. Then that part of the image displays in the designated area no matter how that area changes to be responsive. SharePoint Online has this functionality, and it works great. It would also allow us to use an image directly from the Content Library. The image above is in the library, but to get it in the 1:3 format I went to Unsplash.com, downloaded it, cropped it in Photoshop, and then uploaded. Only to still have less-than-ideal results. Thanks!
Thanks for the idea, Sheila! I'll let our team know you need the ability to specify the "focus" of the cover image. We appreciate your feedback!
This still seems to be an issue. I've tried different dimensions from photos I got from pixabay and none of them scale properly for the cover photo - being blown up and out of focus and beyond scope of screen. However, if you use a picture from the Content Library, it works fine. So what is the reason for this ...?
I want to know also...why do the pictures from the Content Library work? HOW are those pictures formatted?!?!
Hi there, Karen! It sounds like you're running into issues with images in your Rise course. Can you share more details about that, please? (Screenshots/video would be really helpful!) You also mentioned that pictures from the Content Library work. Can you share the images you have selected from Content Library so we can take a closer look? Thanks!
Hi Sean,
It’s on the design wish list for Rise developers to address in the future.
So we accept this along with all the other funky basics not yet fine-tuned in Rise (e.g. Cntrl Z doesn’t work either to undo anything) because of all the other great features we love about Rise!
The consolation is we’re in this together.Wherever possible I try to find an appropriate cover photo from Articulate’s library.
Janet FrymanGet Outlook for iOS
I created my own icon image using PowerPoint and set the dimensions to H:7.14 cm x W:33.87. Then saved with the prefix _NOPROCESS_name.jpg. It looks good and I was able to place the icons to the right so the title was nice and clear.
Not sure if I need to be set to that size but it was the shape I was playing with and it works for me. I might apply the same principles to images. Cropping to that size and saving with the naming prefix to keep the image clarity.
Would you mind uploading your PPT template? I tried to resize mine and I still cannot get it to work right. I have my logo in the bottom right, and then I have no idea how it ends up where it does in Rise, either cut off or over the text...very frustrating!
+1 would love this feature too please
Hi all,
For cover page images, here are the dimensions that worked for me :
Width: 1903 Height: 767.It is best to rename any image with the suffix “_NOPROCESS_”, for the image to be viewed in full clarity.
Hi Elena,
I will give your suggestions a try, thank you.
Thank you! This resolved all my image problems.
Thank you for the tip, Elena!
Take a look at how Squarespace does it.
A draggable focal point circle.
There is no need for different focal points for different devices either. It just makes sure this focal point is as central as it can be if the entire image can't be shown.
It would actually be useful to be able to specify the image for the cover, a different one if necessary for the sidebar menu etc as that would add more flexibility.
A good solution could be to give the possibility to choose background-position (top-left, top-center, top-right, etc.) as in CSS.
Thank you
