Image compression in Rise
Jul 12, 2018
By
Nicola Fern
Hi
I'm having an issue with what appears to be an auto compression being applied to images I'm uploading to Rise. It seems to be most obvious in images with text, as the text gets quite badly aliased.
I've attached a screen shot of how it appears in Rise, and the original PNG for comparison. I did wonder if Rise was converting my PNGs to JPG, so I did try re-rendering as a 100% JPG but it ended up looking exactly the same despite the file size being around three times bigger.
Any ideas?
Thanks!
Nic
21 Replies
Hi Nicola,
Thanks for reaching out here and sharing those images (I did move your post to the Rise specific forum, since it's not in Beta, no worries on that!).
I saw the same issues with pixelation when testing out your image, and our team is looking into some other examples of this so your images are helpful for our testing. I'll keep you posted on this here as I have more info to share.
As a more general FYI, I did want to make sure you had our best practices for working with images and other media in Rise. Let me know if you have any other questions and I'll share an update here as soon as I can!
Nic,
I have a perfect work around - Have a look at my post.
https://community.articulate.com/discussions/rise/poor-image-quality-when-uploading-an-image-with-rise?page=3#reply-534699
Hi!
Is there any news regarding when this might be solved? We are also experiencing pixelated images, even when uploading images we've used in previous courses that looked great there but now looks horrible when we upload them again. A workaround is a lot of extra work (that obviously shouldn't be needed).
Hello Xtractor and welcome to E-Learning Heroes :)
Thank you for reaching out to share that you're running into this issue as well. It is still an open issue with our team, and if you have examples to share, that would be helpful.
Are you using the workaround that Daniel shared above or did you find another?
For what it's worth, I've been creating chart images for a module that I'm working on. Originally, the charts were designed in Illustrator and were exported as PNGs. After importing them into Rise, I noticed the big drop in image quality. I have been doing graphic work before using Inkscape and couldn't recall seeing a similar issue, so I exported an SVG from Illustrator, opened it in Inkscape and exported it as a PNG. While there was a bit of a drop in image quality, it was nowhere near as noticeable as when I exported from Illustrator.
Although Inkscape renders the font as being thinner, I made a version with a thicker font to match Illustrator and the compression was still fine. While it would seem the solution is to use Inkscape over Illustrator, there are just some things I can't do in Inkscape and I even had to remove a couple of features/effects from the chart so I could give them an even test in both applications.
I'm having the same issues with automatic compression - even though I'm using png 24bit images.
Can we have the ability to set the compression like we do in storyline pls. Most of us are professionals and know how to compress the image in the first place, and we don't want the images to be compressed again.
Thanks!!!
Hi Paul,
I'd love to take a look at your images, and get them into the hands of my team! As I shared earlier, we saw some pixelation of images and our team is looking into that, so any additional examples would help.
Sure Ashley - have attached.
It seems to be mostly with flat solid colour graphics rather than photos. I think we can get away with a photo being a jpeg but when we use a .png file (24bit) it should be as crisp as the original....which its not, see examples.
Those look to be good examples, Paul.
Do you have the original images that you used for these examples? We need to take a look at those files.
Sure do, see attached.
Thanks for sharing Paul.
I'll be sure to share these examples and feedback with our team.
Having the same problem especially with png files used in the flashcard function. Would like to know when this is fixed. Definitely support the idea of us being able to pick what files are compressed and to what degree!
Hi again, Kashish!
I just responded to your similar discussion – we can keep the conversation going there!
Is there any chance of Articulate changing the image compression algorithm in Rise? My banner looks hideous, even though in my source file it is clean and clear. (I love the clever workarounds posted here, but I cannot use GIF, as my banner has both a photo and icons. I also am not going to replace a banner image over and over in the published output in dozens of Rise courses that will use this banner image.) Whether I upload the image in PNG or JPEG format, too many artifacts are highly evident. Can Articulate please modify the Rise image compression algorithm to ensure better image quality?
Hi Rebecca!
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.
If this doesn't help please let us know and you can share the file with us privately by opening up a case to investigate further
Oh, that is SO great. My banner image now looks crystal clear. Thanks for the workaround!
Your workaround works great! You should inform your UX team so they can implement controls for it.
Edit: The _NOPROCESS_ solution works even if you crop images, which is amazing! 😃
The work around didn't work for my images.
Hi Karen! To confirm, did you add include the underscore in _NOPROCESS_ to the file name of your image? For example, if your image's file name is Cat.jpg, when you add _NOPROCESS_, it should now read as Cat_NOPROCESS_.jpg. If you have done that and you are still having problems with the image, feel free to open a case here. Our support engineers are ready to help.
Thanks! I was putting it at the beginning of the image name.
Thanks,
Hi Karen, it sounds like you're all sorted out! Let us know if you need any further help with your images.
By the way, replying via email includes your signature with contact information in the public forum. Feel free to edit your reply here!