Horrible quality when uploading images

Hi all, 

The _noprocess_ fix does improve the images a lot, but I still have an issue with Chrome displaying them not as clearly as it should when the image is zoomed to 100% using the 'Zoom on Click' option. I really need this as it's screenshots of a new system which has lots of detail. 

If I right-click the image and open it in a new browser window, the image is displayed how it should be. 

The images appear clearly using Microsoft Edge and Firefox. But typically, my client prefers Chrome. 

Any suggestions would be greatly received. 

Thanks.

Hi there, Barry. Could we get your permission to take a peek at an example image file for testing? If so, you can privately share it with us here. We'll delete everything when we're done troubleshooting. 

If not, let us know the image file type, dimensions, and size. It would also be handy to know what version of Chrome you're using. We'll see if we can reproduce this behavior!

Hi Crystal,

I would love you to be able to help here, as I've always prided myself on the how clear my screenshots are when it comes to creating software training.

So to see the text in images blurry, it is very frustrating, as I have lots of system screenshots and most (if not all) are blurry in Chrome.

I probably need to ask permission before I share a Review link with you, so I have attached some images for now.

The image called 'The-three-OEE-metrics

Hi Crystal,

Just so you know, I've tried PNGs, GIFs, TIFFs and JPEGs, and they are all blurry when popped up in Chrome.

Thanks.

Hi Barry,

I don't see that your image files came through, and we'd love to test them on our side. Could you please send those to us by way of this form? Thanks! 

The quality uploaded images still poor quality.

Did you use the _NOPROCESS_  filename fix?

Hello, I am trying this when saving a PNG file and it does not seem to work. Is this still supposed to be a work around or is there something else to try?

Hello, Sara. You should be able to add _NOPROCESS_ to the file name, at the beginning or end, right in your file explorer:

When you add that file anywhere images are supported, you'll see better quality. If that isn't working, would you please share your image file with us here? We keep everything private and delete your files when we're done troubleshooting!

Hello Crystal,

I don't seem to be able to fix the fuzziness in my graphics (created in illustrator) either.
There is a small improvement when I export the PNG with 300dpi instead of 72dpi, but there is no additional improvement with the _NOPROCESS_ workaround.

I've sent the image file via the form. Could you please have a look?

Thanks!

Thanks for sharing the image files with us, Eveline! Our Support Engineers are looking at those files as we speak, and you'll hear back from the team soon.

Hi Eveline, I've found the _NOPROCESS_ works, but the quality can still look bad using Google Chrome if the images include text. I create lots of system-based training, so most images I use have a lot of small text in them, where clarity is required. 

In my tests I then right-clicked the image to open in a new tab and the image is crystal clear. So it has to be something to do with how Rise is zooming the image.

In the end I had to resort to really high resolution images which seem to reduce the blurry text in Chrome for zoomed images.

Thankfully, my client mainly uses IE11, and is not that bothered about the lack of pixel perfect clarity in Chrome. And I've learnt to live with it, as Articulate Support have said it is a bug.

Thanks,

Barry 

Hello, Eveline,

I checked in on your case, and it looks like you're seeing this issue in Storyline 360, not Rise 360. 

However, the _NOPROCESS_ workaround is intended for Rise 360 images. Thanks for continuing to work with Georvy in your case, and hopefully we can help you improve the image quality in your Storyline 360 course!

Yes, I did not realize I ended up in the Rise section! :)
Thanks for your great customer support and swift follow up via e-mail!

Hey Crystal

I have been going some grief trying to get my images which look sharp in Photoshop to remain that way once in Rise. Does the info you gave out here still stand?

So a file format might look like this: great_image_NOPROCESS_.jpg
Would that be the correct way to do it?

Many thanks
Frazer

I've been using this fix and it does still work! So long as you have _NOPROCESS_ anywhere in the file name it should work.

Awesome thanks so much.

Thanks, Kaitlin! Let us know if we can help further, Frazer.

This does not work, as you can see from the attached image. My browser with my Rise360 course is overlaid over my image viewer. Clearly the uploaded image (name: types_NOPROCESS_.jpg) is being reduced in quality by a LOT.  Why is the processing happening at all with these small images???

Hello, Buck! I can see from your screenshot that the image looks quite blurry in Rise 360. Would you mind sharing that image file so we can test it from our side? If that works for you, you can send it privately by clicking here. 

>>We’ve opened case number 02272308 for you.

I attached the file to the case.

On a related note, I've noticed every image I upload goes through some
degradation. It's really noticeable when you have a lot of text in the
image.

Thanks.

Buck