Poor image quality in Storyline 360

I believe that when Storyline publishes a course all images are output at a resolution of 96ppi. If you use images that are 72ppi then those images will be upsampled to 96ppi resulting in a degredation in quality. I don't see a way around this if you have no way to control the resolution of your source images.

How are you creating your screenshots? Is it not possible to run these through Photoshop (or similar) to set the dimensions and pixel resolution prior to inserting them in to Storyline?

I always recommend creating your images at 96ppi resolution to ensure they display properly in Storyline courses. I'm yet to have a problem with this method.

Also, are your images being scaled above 100% in Storyline?

The main question for me is: IS Articulate going to "fix" this? The answers by the staff here all state something like "It works like this, so you should do this and that to get the best results".
I have yet to find a statement saying "We're going to rework image handling to improve results".

Hi all,

I've resolved this issue. Please try to change the story size (Design-Story Size) to 1920x1080 or more. Hope it will help you. 

It is 2021 now and we can't insert sharp pictures into Storyline 360... This can't be brushed off as a "feature request". I tried everything and still Storyline can't seem to show the original pictures. It's just laughable because Storyline has soo much good features and it is a real machine, but it can't do a basic thing like inserting sharp images. For companies, screenshots are used regularly in e-learnings, tutorials and manuals, so this is really concerning. Hope this get's fixed soon. (My images are smaller than 2048 x 2048 and still appear blurry "There is a maximum image size of 2048 pixels x 2048 pixels. Images that are larger than this will lose quality when inserted into Storyline, which may make them appear blurry or fuzzy.")

I'm definitely going to convince my superiors to switch development tool because this is crazy.

Thanks for the extra detail, Irina!  ☺️

That really helps, and I've included your experience in the associated report. Our team is investigating the issue where Storyline's HTML5 output may appear blurry in Chrome, and we'll keep you posted here once we have any additional updates!

Hi, Irina! Really appreciate you sharing these examples with us, as it helps our team during their testing.

I can see the loss of quality there and have added these samples to the report. Our team is still working on this issue, and we'll let you know as soon as it's resolved. Thanks for staying tuned, and we're here if you need anything else in the meantime!

As David says they are all processed on published using png crush.

Really with screenshots you should not reduce the size because they capture absolute pixels so look awful when shrunk. 

I did have a look at your image when you originally posted this and Photoshop showed it was already 96PPI which I guess rules out the resampling.

Hi Patrick,

As we continue investigating these reports, any examples are helpful for our team.

Would you be able to share your .story file and some sample images with our team here?

I am also experiencing blurriness within the Storyline 360 Editor.  I opened up a Storyline 2 file on my left monitor, and the upgraded Storyline 360 file on my right monitor.  The difference between the two editors is very clear.  Both of my monitors are identical, and are using the exact same resolution settings.   I also moved my Storyline2 editor window over to the monitor with the blurry Storyline 360 editor, and the Storyline 2 editor remained just as sharp as it was on the left monitor, so it's not the monitor settings causing this.  

I have attached 2 screenshots for comparison, and outlined in red the areas that seem to be affected.  

I am using Storyline 360 v3.20.16814.0

I am using Storyline2 update 12:1705.520

Both monitors are using 1920 x 1080 resolution