Forum Discussion
Poor image quality when uploading an image with Rise
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!
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.
Irina, we're able to reproduce the problem and are planning some improvements to our image compression. We'll keep this thread updated.
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
Love it, Daniel! Great idea, thank you!
Hopefuly the Articulate team will solve this issue from the very beginning, to avoid this (brilliant!) extra step in future :) It's a pity that the images created purposefully in PNG format are converted to JPG without an option for us to control the fact of the conversion or its quality.Hi Daniel!
I am having the same issue. Trying to put my picture into the "step order" block in Rise, and the quality is horrible. I am not quite sure I understand your work around. Could you please tell me how you got to the content and assets folder?
I don't understand Daniel's workaround. Could someone explain it more clearly?
Hi folks!
I appreciate all of the feedback you've shared here, and I've passed it along to our Rise product team. We are aware of the quality issues that can occur with our image processing service, and it’s on our plan to address it. I'll keep you all posted as we make progress with this!
You got it right, Jeff!
And great question, Irina. It does not matter where you add the substring, but I personally like to add it to the end.
For example,
Image.pngbecomesImage_NOPROCESS_.png.Does this new "remove image degradation" file naming "switch" apply to all block types that have the capability of having image assets uploaded into them?
Our designers, instructors, and students have made note of Carousel blocks being egregious offenders of the image degradation/compression.
Thanks!
Yes, Cass! This option will apply to wherever images are used. You can check out a quick comparison sample here using the carousel block.
Equipe Miyagi,
You just add it at the end of your filename, just before the dot: image_NOPROCESS_.png
It works perfectly everytime. Don't forget the underscores.
Works perfectly! Thanks, JC.
Thank you for that. This resolved the issue.
This is working perfect, thanks for sharing.
Hi Roger,
It's hard to believe that Irina Poloubessov posted this question about image quality deterioration 5 years ago! During that time there have been over 200 responses! BUT...not a solution from Articulate. I, sadly, have given up hope that Articulate will ever resolve this issue (nor do I think they really care...as 5 years testifies).
There are work-arounds for sure, including the _NOPROCESS_ option (see responses above) but that's all they are - work-arounds, NOT solutions. I tend to view a 'work-around' as 'work a bit more'.
I'd strongly suggest you try a work-around rather than wait for an Articulate solution or you may be waiting a long time!
We cant get this fully working in this amount of years, but we get themes. Not to put one feature against the other, but really...
I have seen perfect chart pictures rendered from powerpoint to PNG turn to grainy, blurry useless info when in rise.
There should be a smart solution for this in 2022. By smart i don't mean manually adding some code expression to the file name.
I was concerned to read in the posts some customers considered that workaround "an easy solution", talk about being conditioned not to expect/require anything with ease of use from articulate. The discovery of Rise should have changed that.I am having the exact same problem. Tried PNG and JPG and alle the possible export settings in Photoshop but every picture turns in to poor quality after importing in Rise. Hope there is a solution soon! Thanks
Hi Linda, and welcome to E-Learning Heroes!
Most images work well in Rise. Can you share an example of one of your images here so that we can see if it's a match for the improvements Mike described? Thanks!
Hey guys,
Any improvement on image quality when uploading to Rise? Please see the screenshot which compares my jpg in photoshop and in Rise.
We cannot use this quality with clients :((((
If I export GIF the quality is better, but for JPG and PNG is poor.
Irina,
Could you please share an original images (JPEG and PNG) that you're uploading to Rise. I'm not too surprised that the quality is not great with JPEG, considering that there are text elements and JPEG isn't usually a good choice for these types of images. But if you're also trying a PNG we should be doing a much better job.
Thanks,
Mike
Dear Mike,
Here is another example I made today (Sep 12, 2017) : text looks blurred in uploaded PNG. Please advise how to overcome this rescaling hurdle. Many thanks!
I'm experiencing the same issues as per attached link and even the colours are changed. Any movement on this issue would be appreciated.
Check out my reply in this thread, I found a work around :)
