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.
249 Replies
Hi Daniel,
I don't have an ETA to share yet, but as soon as we have more info we'll pop into this discussion to update everyone.
Roland, we always appreciate having more examples as that helps our team with testing to see it against real-world examples and conditions. If you're able to share the original image file I can include those in the report filed with our team.
Otherwise, hope you enjoy your holiday leave. Hope it's somewhere filled with lots of fun adventures!
Hi Ashley,
thank your reply. Looking forward this update and others.
Daniel
For all those experiencing this problem I found a straight forward workaround that's very easy and will give you 100% full quality image resolution without any loss at all.
Whether you save for scorm or tin can or web the zipped files that are produced contain:
If saved for scorm a folder named: scormcontent > assets
In this folder are all the images you used in your course simply find the image that was loosing quality and replace it with the original image - be sure to name it with the same name as the one your replacing. Simple as that.
If save for web, go into: content > assets
In this folder pretty much do the same as the above direction.
Quick update to the above post:
Make sure to use a (.jpg) extension for the new image which you paste in the folder. This is the extension that gets written in the final files. If you use an image that happens to be a (.png) for example it won't take it and the image will look broken or missing even though you named it the exact name and that's because in the code RISE writes a (.jpg) extension.
Hack #101 from Daniel - more hacks to come :)
Reach out to me if you need any help.
Daniel
Love it, Daniel! Great idea, thank you!
Hopefuly the Articulate team will solve this issue from the very beginning, to avoid this (brilliant!) extra step in future :) It's a pity that the images created purposefully in PNG format are converted to JPG without an option for us to control the fact of the conversion or its quality.Hi Daniel!
I am having the same issue. Trying to put my picture into the "step order" block in Rise, and the quality is horrible. I am not quite sure I understand your work around. Could you please tell me how you got to the content and assets folder?
I don't understand Daniel's workaround. Could someone explain it more clearly?
Hello Everyone,
I am having a great deal of trouble getting optimal resolution from vector images in Rise. Some images have necessitated some 11 export attempts to hit the sweet spot, and still look poor on screen.
Below I've attached a side-by-side comparison of two images in the image full width block. The top was exported at 1x 1100 by 235 as a .png. The second was in the same dimensions, exported at 300 ppi at 2x the scale as a png8. I've tried everything in between. Please help!
Hey Erica,
Thanks for sharing what you are seeing and for reaching out to our support team as well. Looks like Vevette is helping you out.
Any progress on this? I have the same issue with all content blocks and have tried everything from .png, .svg, converting text to outlines, using sans serif fonts, etc., and nothing has worked. It makes the platform very limiting when you're trying to add custom graphics.
Hi Rachel,
there is a work around for this.
Whether you save for scorm or tin can or web the zipped files that are produced contain:
If saved for scorm a folder named: scormcontent > assets
In this folder are all the images you used in your course simply find the image that was loosing quality and replace it with the original image - be sure to name it with the same name as the one your replacing. Simple as that.
If save for web, go into: content > assets
In this folder pretty much do the same as the above direction.
Make sure to use a (.jpg) extension for the new image which you paste in the folder. This is the extension that gets written in the final files. If you use an image that happens to be a (.png) for example it won't take it and the image will look broken or missing even though you named it the exact name and that's because in the code RISE writes a (.jpg) extension.
Dear Articulate Team,
I see this great idea of a workaround with the replacing of the images with .jpg extention --- it means that regardless which image we upload (png, gif, jpg) -- Articulate converts it to jpg , and we out of control of the Settings it uses for the jpg?I love Articulate products very much for their great performance and usability, however with regards to the images I find it very confusing and upsetting: to automatically convert all our Images to JPG -- this is not a transparent process and without our control on our own data.
If we choose to upload PNG we have a reason behind it and we want to keep it ot at least to be asked about the JPG settings if the conversion is inevitable. Why not leave the images as they are, without any additional processing on them? We take this responsiblity on ourselves to ensure the best image quality.Agreed!
Hi folks!
I appreciate all of the feedback you've shared here, and I've passed it along to our Rise product team. We are aware of the quality issues that can occur with our image processing service, and it’s on our plan to address it. I'll keep you all posted as we make progress with this!
Is there any update on this issue? I'm experiencing the same problem and our customers are noticing.
Example PNG is attached. When uploaded to Rise, it looks noticeably worse.
Hi Joe,
I do not have an update to share at this time. The quality of some images in Rise is still open with our team, but I do appreciate an additional example that I can share.
Ok. I'd like to clarify the severity of this issue because it's... well... bad.
Images are obviously a core part of any content out there, and this (attached) is embarrassing to deliver to our customers. It's nearly unreadable, much less presentable.
Given that the below is the first sentence from the knowledge article on images, I hope that the team is treating the issue with a commensurate level of importance:
"Rise uses cutting-edge image compression that reduces file sizes with virtually no loss of quality. "
Hi, I have had a similar issue for sometime but recently found PNG images produced using the PowerPoint Screenshot function seem much cleaner for some reason.
Interesting note Paul. I appreciate you sharing your findings.
Thanks for popping in to share an additional example Joe. I shared the first image with our team and if you have this image to share as another example, I'd be happy to pass it along as well.
Looks like you're quoting our documentation here, which I wanted to share for anyone following along.
Do you have higher resolution images to test in your content? It looks like the image you shared above is 105 KB and only 439 x 845 pixels.
