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 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.

Hi Michele, I have images under 5 MB - pngs and jpgs and everything I upload looks very poor. I have tried everything I know along with the recommendation from Rise and the results are unacceptable. The images themselves when view on my mac is crisp. This issue really needs to be worked on! I don't think Rise should be doing the work for optimizing images, since it clearly is not working. Rise users should take that task on and upload the proper image size theirselves - maybe that'd work better.

I agree. 2 years is a long time to figure out a compression algorithm, and for the response to remain "we are working on it". I imagine it just hasn't been a priority, and it won't be until the community vocalizes the need. So I just wanted to add another voice here. This needs to be prioritized and a ballpark time frame would be appropriate, if only to maintain credibility in the forum.

Hi everyone, The only way I can get around this problem is to upload high quality, 300 dpi images to Rise. They have to be under 5 MB though, or they won't upload. If you use a graphic already sized for the web, the end result is unacceptable. Here's the article that finally helped me figure out what to do: https://articulate.com/support/article/Best-Practices-for-Images-Videos-and-Audio-in-Rise-Courses#images Kayla, I'm only guessing, but I think screenshots taken with iPhones and iPads may be larger files sizes than you can get from a Mac or PC desktop computer. It would probably be a pain to experiment with it, but it might be possible to get a more useable file by collecting your screen shots that way. That's my best guess, anyway. Good luck! :D

Hi everyone! I've noticed that images appear to get cut down to as much as 30% of their original image size, visibly impacting quality. Also, sometimes exported images are saved as JPG and others are PNG - is there a reason for this? I'm using a fairly time-consuming workaround: Export the Rise course Open the assets folder (content > assets) Open the folder of the original images (the largest original image is 3.3MB) Rename each original image to match the name in the assets folder (these names appear to change with each time you export FYI) Re-save as JPG as necessary Does anyone know of a faster workaround? I've noticed this issue has been happening for quite some time now, based on what I'm seeing in forums. Is there an ETA when this will be resolved?

Horrible quality when uploading images

GeorginaBakas
Community Member
3 years ago
This has worked for me, thanks for the tip.
MarionBrozek
Community Member
3 years ago
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
- ZvonimirPetkovi
  Community Member
  3 years ago
  
  Marion Brozek
  
  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.
MichelleRakar
Community Member
3 years ago
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.
- Justin
  Staff
  3 years ago
  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!
  - MichelleRakar
    Community Member
    3 years ago
    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!
hkanstrm
Community Member
3 years ago
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.
AmandaDouglas-e
Community Member
3 years ago
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
- elizabeth
  Partner
  3 years ago
  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!
CormacCullen-32
Community Member
3 years ago
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.
KellyAuner
Staff
2 years ago
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!