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
- TestUser-cdb5bcCommunity Member
Well said Irina and yes, I agree with you Paul.
I find it incredible that not one member of the Articulate team has had the decency to be honest and upfront with us and:
a) explain what is causing the issue with images
b) explain what needs to happen in order to fix the issue with the images
c) explain either when this fix is going to happen (with timelines!) or just be honest and tell us why it will never happen.
The most frustrating thing of all for me is the stringing along and the constant fob-offs. Please please PLEASE Articulate, treat us like the paying customers we are and just explain to us what is going on here!!
- CherylLee-890a5Community Member
Hi, I too am facing issues with compression - it's really noticeable in vector/flat style illustrations. I also wanted to let everyone know about what I had observed. When I uploaded my PNG file to be background for the 'Text on Image', my original file size was 56KB (a PNG file with file size 3000x1500 px) but Rise compressed my file to a PNG with a file size of 69KB. Another file, original file size 94KB to 262KB... Which goes against my understanding of... 'compression'... but I took a look at the file dimension and noticed that they changed the width to 1680px. So I resized my PNG accordingly and this seems to do okay sometimes - while I can still see some pixelation, it's something that I can live with... but again, this work around isn't fool-proof either, sadly.
I also wanted to voice my concern also about the 'Best Practices document' - I see that some of the staff are trained to just link it whenever there is a question about image quality, and personally I am wondering if these staff that link to this guide have even read through this - the only information here is that Rise has its own compression technology (which is a complete mystery to us) and the maximum file sizes for each file type. It really needs to provide more guideline to be able to be titled 'Best Practices' since currently it just says 'upload whatever you want under the file size limit and we'll just compress it for you (or in my case make the file size bigger and change the file type without telling you, and render your clean looking vector-style art weirdly).
So Articulate staff, I'm sure you are more aware of how the compression technology behaves in your own product. I think having something like this in the 'Best Practices document' would be really helpful if you cannot fix the bug due to resource restraints - provide us with the dimensions the platform is trying to compress the image to? Thanks!
- NicolaFern-0297Community Member
I want to add a plus one to this. I complained about the image quality before elsewhere as well. I'm developing courses for radiologists and we depend HEAVILY on being able to accurately reproduce high quality scan images in the courses. If there are artefacts in the images, these could be misinterpreted or misread so the image quality is of paramount concern for us. I just want to be able to turn all the fancy compression OFF and do it myself. Surely it just needs a checkbox to skip the compression process?
- ErinHiggenbo832Community Member
Maybe this has been mentioned, but I found a decent way to get around this. Using either Photoshop or Snag it, take that image and change the IMAGE SIZE resolution.
Typically the setting is either 72 or 96. Play with what setting works for you, but I found that increasing the resolution of the image to between 300 dpi or 350 dpi improved my resolution so that things were not horribly blurry. It doesn't make it 100% crisp, but for some of the images I had to use, I found this as a decent placeholder until Articulate fixes the issue. ;)
- CalvinLo-9d3ce4Community Member
Rise shouldn't be compressing PNG and GIFs to JPG if it's doing that. that's basic web graphics knowledge. GIFS and PNGs are for text and vectors and JPGs are for photos. If you save or compress a 2-color vector image into JPG, you will end up with a bigger file size because of more colors (shades of the two colors) added and a blurry image.
It sucks that Rise does this and can't seem to figure out how to fix it. I like the sleek overall look of the course but the poor image quality of my screenshots are ruining it.
- JordanYapCommunity Member
Is there a standard image for the following:
1. Logo
2. Cover Photo
What kind of format should the image be? JPEG/ PNG/ GIFS? Please advise.
How about the image within the contents? Are there any specific format/ dimension?
Thank you!
Hi Calvin,
Here's some tips on images and Rise 360. Let me know if you have any questions.
- LynnMurphy-e870Community Member
I am trying to add a cover photo that is shades of yellow. It is turning brown! I have tried saving as png and jpeg. Any help is appreciated. Thank you.
- joehardinCommunity Member
I think it’s because Rise likes to add a shadow overlay on any cover image for the purposes of ensuring contrast agains the text color of the course title that will sit on top of the image. Would be nice if there was a way to know what the true color of your image would look like as a final product, or to avoid the shadow overlay, but I think they do this to “fool-proof” the look and feel.
- LynnMurphy-e870Community Member
That's very frustrating. Thank you for replying.
Hi Lynn,
I just wanted to jump in here to let you know that you can adjust hard dark the overlay is in the course settings (see screenshot).
I hope that's helpful! Let me know if you have any other questions.
- CassiusNetzleyCommunity Member
Hi Allison,
As nice as being able to tone that setting back to 10% is (pun intended)... it's still quite a shift being made to the cover image even at 10%. This really messes with my designers when trying to utilize our brand colors and functional icon sets for unique product based covers. It's quite the trial and error routine trying to zero in the particulars of 'Dutch Orange' when we know the hex code, can see what we want in Illustrator/Photoshop and then have to mess with the original color to try an accommodate what Rise will do with the 10% text contrast setting.
I'm pretty sure there's already a submitted request to allow the text contrast to be turned off altogether or at least set to 0%. Let us know if you see that in your system or not. If there is an existing request, please add my name to it if it hasn't been already.Thanks!
Hi Cass,
Thanks so much for taking the time to share this feedback. There is currently no feature request in place to set image opacity to 0%. Please submit a feature request here with more details about exactly what you’d like to see. Thanks :)
- AndrewCrottyCommunity Member
- LynnMurphy-e870Community Member
Thanks all for your responses. It is still showing brown, lowering to 10% helped. I will submit a feature request. I'm not sure why 0 isn't already an option. This is difficult when working with company brand colors that are very specific.
Related Content
- 8 months ago
- 7 months ago