I don't understand why the quality of images I upload is so bad in Rise. They look fine in browser, but when I upload (and Rise compresses/crunches them) they get fuzzy, pixly and unprofessional.
I upload i png, have also tried jpg - with much worse results. Any ideas? Attached an image showing what I see in Rise v. local browser.
Hi, I'm experiencing the same issue again... Has there been any updates to image compression in the last 2 months? I wasn't having this issue before my maternity leave and now that I've been back this week, it seems like it's hit or miss whether my images get compressed again. I haven't been able to pinpoint why exactly. I use _NOPROCESS_ on all my files and the Image Center block exclusively in all my courses and generally favor jpegs.
Also, my image files really aren't that big. Maybe 150KB is the biggest, so I don't understand why something so small needs to be compressed anyways. If there could be a way to turn off compression for images of a certain size or smaller, I think that would help a lot of people.
Hi Alyssa! So sorry to hear that the images still have low quality even if you used _NOPROCESS_ in all of your files. Would you be able to share those images with us by opening a case through this form?
HI. I'm having this same issue with screen captures appearing blurry. I use SnagIt to grab screen images. I've saved them as .gif but it still appears blurry. I then prefaced the file name with: _NOPROCESS and still blurry. I then added _NOPROCESS to the end of the file name with no luck. Also, the file sizes are very small.
Any other suggestions? My course is comprised of many screen images I need to get the best quality I can.
HI. I'm having this same issue with screen captures appearing blurry. I use SnagIt to grab screen images. I've saved them as .gif but it still appears blurry. I then prefaced the file name with: _NOPROCESS and still blurry. I then added _NOPROCESS to the end of the file name with no luck. Also, the file sizes are very small.
Any other suggestions? My course is comprised of many screen images I need to get the best quality I can.
Thanks much, Marion
In your case (screen images) I would say PNG is the best format, regarding the image quality. If you can, please try out saving your images in PNG format.
So, I've tried adding "_NOPROCESS_" to the file name but it appears the photo is still compressing when uploaded. I've manipulated image quality in Adobe Photoshop, saved in 6 different formats, everything. Is there something else I can do or should be doing (considering this feed is so old)? Appreciate more insight or being point in the right direction.
Hi, I'm experiencing this issue as well. I've tried the "_NOPROCESS_" trick and haven't seen improvement on my image either. I've tried both .png and .jpg files, but both seem to have the same issue. I'm working in Google Chrome. I've tried viewing it in Firefox and it looks better, but I still am concerned about anyone viewing my lesson in Chrome that will have this image quality drop.
In Rise, the text is so compressed that you're unable to read any of it. I've noticed if you click the image though, the zoomed version will be completely readable and retains the original quality. Is there a way to make the default view in the lesson readable like that?
I've attached both what it looks like in Rise and what the original file that's being uploaded is.
Thanks so much for sharing your images, Michelle. That really helps with the troubleshooting process!
Your original screenshot is 1365 x 819 (1.1 Megapixels). Since you've labeled your image with _NOPROCESS_, Rise won't try to optimize the weight of the published output by compressing your image, but it will shrink its dimensions to fit the block you've chosen. In the example of a centered image, that's a maximum of about 960 x 612 in a desktop browser, and much smaller in a mobile browser.
Best Practice: Don't shrink or stretch media in your course.
We'd recommend starting with high-quality images that are already properly sized for your course. Scaling media up or down in your course can cause blurriness, especially if your images have text.
If images and videos are bigger than your block, they'll automatically be scaled down to fit, which can result in a loss of quality.
Please let us know if you have any other questions!
When I tried it without the "_NOPROCESS_" it had the same result, so I'm not sure if that contributed much in this specific situation. But I do appreciate the details here, this was very helpful.
I went ahead and took a screenshot of the full screen and manually cropped it in Rise and the quality did improve. I'll be sure to upload full screen screenshots instead rather than cropping them before uploading them to Rise in the future, since that seems to help.
The text is still a little blurry, but it's at least readable in comparison to how it looked originally, so this will be what I do moving forward. Thanks!
I have encountered the same problem and discovered this thread and the workaround (with _NOPROCESS_ in the file name), which works great, so many thanks for this!
However, I still think that this is a problem that should be fixed after all these years, rather than just providing a workaround (which most people will never see – I've been noticing the bad image quality for a while now before finally stumbling upon this thread).
The solution seems straightforward: don't change the compression/format of uploaded PNG images to JPEG (which is for photos and will always perform badly on illustrations, screenshots, etc. which is what PNG is normally used for). So, just keeping the format of the original file would solve the issue, while still allowing Rise to optimise the file size.
Hope to see this fixed soon and wish you all a nice day!
Hi Alyssa, I tried this and there was no change in my picture quality. You can see it in the background its squished and blurry. I tried to change it from Image Centered to Image Full Width but it cuts off the top and bottom /: I have tried this both with my PC's built in program Snipping Tool, and an outside screenshot from Screencast-O-Matic. I opened a case as well.
Hi Yannick- I still cannot get my image to load clearer even with the add on into the name. It is in a PNG format and the title is "Capture_NOPROCESS_" I have tried the same with a .JPEG. What am I doing wrong?
Many times the same issue, tried the almost secret? workaround with adding "no process" to the file name, does not always do the trick. Is this web coders one on one or Rise in 2022 we are working in?
How is the mind of user experience quality assurance when more then 3 years later this is not fixed? By fixed i mean better algorithm that handles pictures smarter/better and a check box in Edit settings with "show as original" or something like that ...for each image block..
Exceptionally concerning that a three+ years issue for a function used frequently, have not yet been fully resolved.
Hi Crystal, it seems that the _NOPROCESS_ patch doesn't work anymore since the latest Rise update. Very disappointing as all our previous training images are distorted... Rise really needs to do something about image compression issues as this is becoming increasingly detrimental to the integrity of our courses
Hey Amanda! Can you share an image where this is happening? I wasn't able to replicate with a sample image I picked, and I would love to also test it out with one of your images so we can get to the bottom of what is happening!
I'm having image quality issues as well, all are a problem but especially screenshots. I see your comment about adding _NOPROCESS_ does this go in a particular position in the filename e.g. first/last?
You can try adding _NoPROCESS_ to the end of your file name. If you'd like to share images with us, we can certainly take a deeper look. We'll delete it from our systems once troubleshooting is complete. You can upload them here!
116 Replies
Surprisingly this issue is still the same in Rise 360. Adding _NOPROCESS_ doesn't do the trick for me. I would like to add my vote. Thanks.
Hi, I'm experiencing the same issue again... Has there been any updates to image compression in the last 2 months? I wasn't having this issue before my maternity leave and now that I've been back this week, it seems like it's hit or miss whether my images get compressed again. I haven't been able to pinpoint why exactly. I use _NOPROCESS_ on all my files and the Image Center block exclusively in all my courses and generally favor jpegs.
Also, my image files really aren't that big. Maybe 150KB is the biggest, so I don't understand why something so small needs to be compressed anyways. If there could be a way to turn off compression for images of a certain size or smaller, I think that would help a lot of people.
Hi Alyssa! So sorry to hear that the images still have low quality even if you used _NOPROCESS_ in all of your files. Would you be able to share those images with us by opening a case through this form?
This has worked for me, thanks for the tip.
HI. I'm having this same issue with screen captures appearing blurry. I use SnagIt to grab screen images. I've saved them as .gif but it still appears blurry. I then prefaced the file name with: _NOPROCESS and still blurry. I then added _NOPROCESS to the end of the file name with no luck. Also, the file sizes are very small.
Any other suggestions? My course is comprised of many screen images I need to get the best quality I can.
Thanks much, Marion
In your case (screen images) I would say PNG is the best format, regarding the image quality. If you can, please try out saving your images in PNG format.
So, I've tried adding "_NOPROCESS_" to the file name but it appears the photo is still compressing when uploaded. I've manipulated image quality in Adobe Photoshop, saved in 6 different formats, everything. Is there something else I can do or should be doing (considering this feed is so old)? Appreciate more insight or being point in the right direction.
Hi, I'm experiencing this issue as well. I've tried the "_NOPROCESS_" trick and haven't seen improvement on my image either. I've tried both .png and .jpg files, but both seem to have the same issue. I'm working in Google Chrome. I've tried viewing it in Firefox and it looks better, but I still am concerned about anyone viewing my lesson in Chrome that will have this image quality drop.
In Rise, the text is so compressed that you're unable to read any of it. I've noticed if you click the image though, the zoomed version will be completely readable and retains the original quality. Is there a way to make the default view in the lesson readable like that?
I've attached both what it looks like in Rise and what the original file that's being uploaded is.
Thanks so much for sharing your images, Michelle. That really helps with the troubleshooting process!
Your original screenshot is 1365 x 819 (1.1 Megapixels). Since you've labeled your image with _NOPROCESS_, Rise won't try to optimize the weight of the published output by compressing your image, but it will shrink its dimensions to fit the block you've chosen. In the example of a centered image, that's a maximum of about 960 x 612 in a desktop browser, and much smaller in a mobile browser.
Best Practice: Don't shrink or stretch media in your course.
We'd recommend starting with high-quality images that are already properly sized for your course. Scaling media up or down in your course can cause blurriness, especially if your images have text.
If images and videos are bigger than your block, they'll automatically be scaled down to fit, which can result in a loss of quality.
Please let us know if you have any other questions!
Thanks for taking a look at that, Justin!
When I tried it without the "_NOPROCESS_" it had the same result, so I'm not sure if that contributed much in this specific situation. But I do appreciate the details here, this was very helpful.
I went ahead and took a screenshot of the full screen and manually cropped it in Rise and the quality did improve. I'll be sure to upload full screen screenshots instead rather than cropping them before uploading them to Rise in the future, since that seems to help.
The text is still a little blurry, but it's at least readable in comparison to how it looked originally, so this will be what I do moving forward. Thanks!
Hi Articulate team!
I have encountered the same problem and discovered this thread and the workaround (with _NOPROCESS_ in the file name), which works great, so many thanks for this!
However, I still think that this is a problem that should be fixed after all these years, rather than just providing a workaround (which most people will never see – I've been noticing the bad image quality for a while now before finally stumbling upon this thread).
The solution seems straightforward: don't change the compression/format of uploaded PNG images to JPEG (which is for photos and will always perform badly on illustrations, screenshots, etc. which is what PNG is normally used for). So, just keeping the format of the original file would solve the issue, while still allowing Rise to optimise the file size.
Hope to see this fixed soon and wish you all a nice day!
Hi Alyssa, I tried this and there was no change in my picture quality. You can see it in the background its squished and blurry. I tried to change it from Image Centered to Image Full Width but it cuts off the top and bottom /: I have tried this both with my PC's built in program Snipping Tool, and an outside screenshot from Screencast-O-Matic. I opened a case as well.
Hi Yannick- I still cannot get my image to load clearer even with the add on into the name. It is in a PNG format and the title is "Capture_NOPROCESS_" I have tried the same with a .JPEG. What am I doing wrong?
Hi Ashlyn. Glad to see that you have a support case with us. I hope this gets resolved soon.
Hi - Does this also mean that you can't crop it once it's in Rise?
Thanks
Many times the same issue, tried the almost secret? workaround with adding "no process" to the file name, does not always do the trick. Is this web coders one on one or Rise in 2022 we are working in?
How is the mind of user experience quality assurance when more then 3 years later this is not fixed? By fixed i mean better algorithm that handles pictures smarter/better and a check box in Edit settings with "show as original" or something like that ...for each image block..
Exceptionally concerning that a three+ years issue for a function used frequently, have not yet been fully resolved.
Hi Paula! You should be able to use the image cropping tool in Rise, even if you have used the _NOPROCESS_ workaround.
Check out this article for more details: How to Crop Images
Hi Crystal, it seems that the _NOPROCESS_ patch doesn't work anymore since the latest Rise update. Very disappointing as all our previous training images are distorted... Rise really needs to do something about image compression issues as this is becoming increasingly detrimental to the integrity of our courses
Hey Amanda! Can you share an image where this is happening? I wasn't able to replicate with a sample image I picked, and I would love to also test it out with one of your images so we can get to the bottom of what is happening!
Export the image as a gif file to keep resolution.
I've long ago realised that everything in Rise involves a workaround. I've never spent so long on forums looking for workarounds.
Hi Crystal,
I'm having image quality issues as well, all are a problem but especially screenshots. I see your comment about adding _NOPROCESS_ does this go in a particular position in the filename e.g. first/last?
Hi Heather,
I'm happy to jump in here!
You can try adding _NoPROCESS_ to the end of your file name. If you'd like to share images with us, we can certainly take a deeper look. We'll delete it from our systems once troubleshooting is complete. You can upload them here!