Forum Discussion
Horrible quality when uploading images
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.
...
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!
