Image Recommendations for Specific Blocks

Feb 06, 2019

Hello!

I realize there have been multiple posts related to this request. I've read dozens of articles and comments while researching and still haven't found a solution.

What size image works best for the following blocks?

Flash Cards
Process
Tabs
Quote

I'm having a challenge with images either not filling in the available space or in the example of the quote head shots, images are too large for the circle.

I really need a suggested starting point instead of resizing everything multiple times in hopes it works.

I realize the tool is responsive to a user's screen but all of my end users will view content via a web browser. Nearly everyone has the same size monitor and settings.

What has worked best for other users?

I've already read all of these articles:

Best Practices for Images, Videos, and Audio

Use the Highest Quality Images

Image Dimensions in Rise

Images in Labeled Graphic Lessons

Just to name a few!

11 Replies

SETF Training Services
Author

5 years ago02/06/19 at 6:58 pm (UTC)

Something like what I found here would be ideal:

https://community.articulate.com/articles/here-s-a-cheat-sheet-on-optimal-video-image-sizes

I need this for Articulate and Rise.

SETF Training Services
Author

5 years ago04/01/19 at 4:58 pm (UTC)

TPS Reports

Tatiana Nikolaeva

4 years ago03/10/20 at 8:01 pm (UTC)

Hi, thanks for this post.

I've notice that this information is more for Storyline and other slide-based tools.

However, it seems, that Rise resize images to fit them to tabs and other blocs and even enlarged they look pixelated.

Want to ask the Articulate Team is there any recommendations on this?

Response would be highly appreciated!

4 years ago03/11/20 at 12:30 pm (UTC)

Hi there, Tatiana. Rise 360 compresses images to reduce file size. If you'd like an image to keep its specific file format and not undergo compression, you can opt-out of image optimization on a case-by-case basis. Just add _NOPROCESS_ to the name of your image file.

This tip will help with images that look pixelated. We are looking at how we can give you better control over the cropping of images in different block types, but I don't have a timeframe for that yet. I'll keep you posted!

Tatiana Nikolaeva

4 years ago03/19/20 at 7:00 pm (UTC)

Hi Crystal,

Thanks a lot for the advice. It was helpful!

4 years ago04/15/20 at 8:22 pm (UTC)

Hi Crystal,

I was just using this solution. Why does this work, exactly? It did the trick for me. Can I do it with any graphic?

Alyssa Gomez
Staff

4 years ago04/15/20 at 9:59 pm (UTC)

Hi Jodi!

Adding _NOPROCESS_ to the name of your image file tells Rise 360 not to compress your image file during the upload process.

It will work for any image file that you upload to your Rise lesson. I'm glad to hear that workaround did the trick for you!

Crystal Horn
Staff

almost 4 years ago05/14/20 at 8:09 pm (UTC)

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!

Lucille Rowland

almost 4 years ago07/15/20 at 5:22 am (UTC)

Hi,

I am using the flash card functionality in RISE and am having trouble with the way the 3 images display. Although the images are all sized to 699 x 703 pixels, one of the images appears larger than the other two. Would appreciate any advice on how to get the images to all appear the same size...