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.
Hi Laura,
I totally understand, and if you can share them privately with our Support Engineers they are available to take a look 24/7! You can reach out to them here.
As I mentioned earlier we do have an open issue with the team where an image becomes pixelated (loss of quality) when inserted in Rise Blocks > Image Full Width. So we'll keep folks posted on that in this discussion too.
Dear Ashley,
Here are some more images: I uploaded the PNG image in the Process lesson-component of the Rise, and it turns completely low-JPG quality (please disregard the black marker over the private info).
I took a screenshot of the uploaded image vs. original PNG fragment.
Please advise when the fix for that bug is ready or in which image format Rise filters do not intervene with the original image, this is quite an urgent matter for us. Many thanks!Thanks for sharing your example Irina. I'll be sure to share this with the team and we will of course update you here when we can.
Hi,
I have the same issue. I am uploading a png with block colours and when compressed by Rise it becomes pixelated. See attached.
Hi, Katja! Thanks for adding your example, and I'm really sorry if it's causing any headaches. Can I confirm what type of lesson or block you're inserting your image into?
I've added both images to the report in the meantime, and we'll post all updates here once we have them!
Hotspot
Thanks for letting me know, Katja! I attached that extra detail to the report as well.
Katie, I'm also experiencing this issue with Rise. Here's an example on how the image looks in Rise and what the original image looks like. These are screenshots from an application so they need to be neat and clear. The block I'm using is the carrousel. However I experience the same loss of quality in all the blocks I tried.
I hope this information will help to fix the problem soon.
Hi Cintia,
Can you take a look at this Rise course? I added your image using the Full width and the Carousel option, and both of these appeared to show the quality similar to your original image. I'm viewing it on the latest version of Chrome on Mac.
Ashley, thanks for taking the time to help me.
The full with image looks OK (I tried it on my own course and it's fine), but the carousel one is still blurry for me even in your course. I'm using lthe latest version of Chrome on Windows. The original image file is much clearer than what I see either in your course or mine.
Any other suggestions?
Hi Cintia,
Does the Carousel image show correct for you when clicking to zoom in? That appears to show it at the original size. Since the Carousel image scales it down slightly, it may appear a bit blurry and that's something to keep in mind for images in your course. We recommend using the highest quality image to allow for the best display in Rise. I've seen a few folks mention using SVG image types has also had better results for them.
