Poor image quality when uploading an image with Rise

Apr 10, 2017

Irina Poloubessov
By Irina Poloubessov

Hello,

I created and saved-for-web a .png image in Photoshop. When I uploaded it with Rise (as a centered image in my blocks-lesson), it converted it with poor quality. Is it possible to avoid those artifacts? Looks not so good when a course is viewed on PC screen.

Thank you!

 

Pinned Reply
Alyssa Gomez
4 years ago09/30/19 at 2:32 pm (UTC)

Hi everyone!

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.

248 Replies
Andrew Crotty
5 years ago10/30/18 at 4:39 pm (UTC)

I agree we need more choice. PNG vector artwork looks garbage when compressed into low quality jpg, artifacts all over the place and edges are not crisp and clear. At least allow us to chose a format and quality setting. At a min I would suggest having a button to select the RISE compression or no compression. I have had to use a Storyline block to get nice PNGs through.

Zachary Liu
almost 5 years ago12/05/18 at 1:59 am (UTC)

Having the same issue here. It seems uploading photographic images in JPEG or PNG renders fine on Rise - but as long as it is outputted from Photoshop - with any sort of composition on top of it, the image quality deteriorates dramatically. I've temporarily resigned to exporting from Photoshop (2019) to GIF and uploading - regardless if it is a photographic or illustrated image for now as GIF produces a more visually tolerable image deterioration when compressed.

Alex Bradley
almost 5 years ago12/05/18 at 10:37 am (UTC)

Hi Zachary, 

This suggestion from Daniel Nyakana (posted about 5mths ago) might help you (thank you Daniel N.!!)

Daniel Nyakana
5 months ago
For all those experiencing this problem I found a straight forward workaround that's very easy and will give you 100% full quality image resolution without any loss at all. 

Whether you save for scorm or tin can or web the zipped files that are produced contain:

If saved for scorm a folder named:  scormcontent > assets 

In this folder are all the images you used in your course simply find the image that was loosing quality and replace it with the original image - be sure to name it with the same name as the one your replacing. Simple as that.

If save for web, go into: content > assets 

In this folder pretty much do the same as the above direction.

 

Quick update to the above post: 

Make sure to use a (.jpg) extension for the new image which you paste in the folder. This is the extension that gets written in the final files. If you use an image that happens to be a (.png) for example it won't take it and the image will look broken or missing even though you named it the exact name and that's because in the code RISE writes a (.jpg) extension. 

 

Hack #101 from Daniel - more hacks to come :)

Reach out to me if you need any help. 

Daniel

Paul Vassallo
almost 5 years ago02/04/19 at 10:35 pm (UTC)

Hi,  I could be wrong but I believe this issue has been running for more than 12 months.  Sadly the response from the Articulate team has not given any timeframe as to when this issue is likely to be resolved.  I love A360, particularly Rise so I really love the enhancements  that have been added to Rise.  However,  it would be wonderful to receive a more thorough response and indication of when this issue is likely to be resolved.

Roland Straub
almost 5 years ago02/07/19 at 3:03 pm (UTC)

Hi Allison,

I'm pretty sure that this issue is a pain point for more than you might think.

I couldn't wait for your solution and had to start rolling-out my projects with the poor image quality. Instead of seeing the value of elearning experience, my learners now only complain about the poor picture quality.

Unfortunately this flaw seems to outweigh the content of my learning projects and since we are just starting with elearning, it doesn't help to get a good overall starting acceptance of elearning. My boss already told me to look into alternatives. I thus hope you find a solution soon as I'm not keen on having to dive into a new tool again.

Thanks for your understanding and best regards
Roland

Anthony Karcz
almost 5 years ago02/07/19 at 4:42 pm (UTC)

Thanks for your feedback, everyone. I want to let you know we're aware of the issue and are actively working on a solution that will have your images looking crystal clear. 

I wish we had a solution time frame to give, but as you may have guessed, this is no small fix. The second there's more information to share, you'll be the first to know. 

Nury Gordillo
almost 5 years ago02/14/19 at 2:43 am (UTC)

HEllo there,

I know this issue hasn't been resolved but I was hoping you could provide guidance around the use of large and small images. 

1. For large images that are being pixelated see example 'homepage'.
For smaller images see example 'finding an employee'.  
With the smaller images I've added white space to make it bigger and hopefully reduce the amount of pixelation. It's still not accepted by my reviewers.
I don't know what to do about the large one.

2. There is another thread where somebody suggests using TIFF. The issue is that doesn't work in labelled graphics. Any news about TIFF formats being accepted for labelled graphics?
(thread here https://community.articulate.com/discussions/rise-360/rise-making-image-pixellated#reply-543325) 

IF the only solution is to add a storyline block, could you please advise what's the best way to do this?

Irina Poloubessov
almost 5 years ago02/26/19 at 4:45 pm (UTC)

I am posting this again in complete frustration, maybe it will somehow shift the priorities of dealing with this issue: Rise DESTROYS the images, no matter how high resolution is in the original one, and in which format - png  gif or jpg - you upload it.
This is a fragment of the centered image, which is large enough as origin, is scaled down when embedded, and when you click on it - it shows the full size.
You can see that the original image is just large enough to avoid this horrible soapy look that Rise gives to our images. Please PLEASE stop applying any kind of "improving" algorithms on our images, just keep them as they are! It looks unprofessional! PLEASE excalate this for the debug.
Many thanks in advance.

P.S. all best practices followed. It has been more than a year that nothing has changed.

Alex Bradley
almost 5 years ago02/26/19 at 4:58 pm (UTC)
Nury Gordillo

Hi there,  I was hoping you or Daniel (sorry I can't find him to tag him) could help me with a query:

Does this hack work for images used in labelled graphics?

Cheers,

Nury

Hi Nury, I am not sure I am sorry as I haven't tried it. Probably worth an experiment tho. 

Regards 

Alex 

Alex Bradley
almost 5 years ago02/26/19 at 5:02 pm (UTC)

Hi Irina, 

Expect a reply along the lines of 'we're sorry you're having this issue, our team are aware of it and we'll get back to you when we have an update'. 

12 months after you raised this as an issue, there is not a single update. I think it's fair to say that the Articulate team have no intention of fixing this issue at all! :(

Alex 

Sign In to Reply