Full Width Photo Block | Low Quality Upload

Apr 24, 2017

Hey, 

When I create a vector image design in Adobe illustrator and upload it to Rise with the Block, Full Width Image, the image itself seems to become lower quality. It tends to show a lot in the text on the image. I was wondering if there is a way around this? 

Here is a link to the course itself, you can see the "banner image" I've created at the start of the course has very low quality. 

Thanks 

13 Replies
Ashley Terwilliger-Pollard

Hi John!

You mentioned the Block, Image and the "Banner image" - so I wanted to confirm you meant the image in this screenshot with the yellow arrow, not the green arrow? 

I didn't notice the quality being off, but I don't have anything to compare it to either. You mentioned a lot of text on the image - and the text I saw seemed to be intended. 

With Rise, we always want the highest quality image and Rise will compress it for the best web output. There is a bit more information about that here.

If you can share a copy of the original image, I'm happy to take a look again and compare the two! 

Stuart Marshall

I'm getting this too. There is a lot of noise introduced in the Rise version of the image that makes it pretty much unusable. is there an email I can send the example image to as opposed to uploading here? This happens with my uploaded .png image for both full-width and centred images.

Stuart Marshall

Not a particularly useful response from Support:

"Thank you for contacting Articulate Support. I understand you have an issue with your image becoming pixelated in Rise.

This article describes how we optimize media in Rise courses and offers tips for getting the best quality images, videos, and audio:

https://www.articulate.com/support/article/Best-Practices-for-Images-Videos-and-Audio-in-Rise-Courses

I hope you find this article useful. Please let me know if you need anything else!"

Alyssa Gomez

I'm sorry about that, Stuart. We never want to leave you feeling like you received anything less than stellar support from our team. We want to get this straightened out as soon as possible.

I can see you are continuing to work with Lea in testing various file sizes in your case. I'll also keep an eye on the progress. :)

Alyssa Gomez

Hi folks!

Do you have an image that looks blurry in Rise 360? We've designed a workaround to keep your images looking crystal clear.

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. Add _NOPROCESS_ to the name of your image file. It'll upload and display exactly as you saved it. Keep in mind that the 5GB file size limit still applies, and you could see an increase in your output file size.

Ren Gomez

Hi Ian,

Thanks for sharing what experiences you're having with inserting images in Storyline. The _noprocess_ tip mentioned above only works in Rise 360, but you can review our best practices for working with images in Storyline 360 to get the most out of your assets, including adjusting the compression settings.

If you've reviewed the article and are still running into issues, feel free to share your .story file with our support team, and they can provide further guidance!

Justin Grenier

Really sorry to hear this, Ashlyn!

I've submitted a Support Case on your behalf, and we've sent you a confirmation email message with your Case Number.  Within that email message is a hyperlink where you can privately share files with us!

Using your unique hyperlink, can you please send us (1) a share link to your Rise 360 course, and (2) a copy of the original image file?

The _NOPROCESS_ suffix tells Rise 360 not to touch your image at all, so we'd love to take a closer look at what might be going on here!

Adam Kenworthy

Just read this thread as I was to having a nightmare with images on the text on image block where the banner image would be left fuzzy once uploaded.

I added _NOPROCESS_  to the end on the image name i.e.  imagename_NOPROCESS_  and it did work. Image quality remained spot on. FYI the image itself was a PNG.