Storyline 3 : How to convert PNG files to JPEG

Hi Hubert,

Storyline doesn't have a feature that converts all images to jpeg files after publishing. Are you finding that Storyline is converting jpeg files to png files in the published output?

Hi Alyssa,

I have populate my course by importing pictures I had on a powerpoint.

When publishing the course, those pictures are png files. Even if they are at low resolution their size is pretty high compared to the equivalent jpeg file.

I am having a large number of pictures, so I will not be able to treat them 1 by 1. This is becoming important as with the stoppage of flash, we will need to publish on html5. With large picture, we are having issues to use the courses: the pictures aree very slow to be displaid.

This fonctionnality is existing in other equivalent software, and would be needed with the extensive usage of HTML5.

Hi Hubert,

Thanks so much for clarifying that. 

The Image Quality slider that you see within the Publish Quality window only impacts JPEG/JPG files, not PNG files. 

The reason you're seeing increased image sizes is because the resolution at which we publish PNG files has changed for the HTML5 player in Storyline 3 and Storyline 360. 

I really appreciate your feedback and can certainly understand why this would be an important feature for you. I'll be sure to pass all of this along to my team as we consider new features in future updates!

I am having the same issue. Our LMS has a 150 KB/s average bandwidth and publishing HTML5 content with nice graphic backgrounds causes issues. I import .jpeg images to my course and they all get converted into .png's.

The problem is that it can take several seconds to load a slide because of this. The .jpeg version could be 100KB, but the .png that is exported is around 800KB! Huge difference and quality is the same.

PNG's are good for icons and transparency images, but pictures, that's where .jpeg shines. I hope this is resolved soon because our users aren't getting a good experience with this slow loading.

Hi Martin,

Sorry to hear that you've run into an issue with this. Would you be able to share a sample slide, in .story format, with one of your backgrounds in place so that we could take a look at what is happening during publish.

Hi Leslie,

I have attached a sample of the course. Each of the images are .png files when I export as HTML5 with Flash fallback. The size of the images are roughly 800kb, which causes them to load slowly on our LMS. Is there a way to limit image size or format when publishing HTML5? Or have the system be smart enough to know what should be .png and .jpg?

Thanks for sharing the details and your sample .story file Martin.

I've opened up a support case on your behalf so that one of our support engineers can take a look and best assist you.

Be on the lookout for an e-mail from support@articulate.com :)

I did peek at your output file and it looks like the settings were a little different than I expected.

Looks like it's published for the Web > Flash with HTML5 fallback and AMP > and an increased image quality setting.

Have you taken a look at reducing the quality settings to see if that gets you back in ranges you expected? Again, I did open a case for you so that someone can take a look with you :)

Hi,

This problem with the JPEG and PNG is very important for me because I would like to publish courses in HTML5 in th future.

Do you know if this problem is resolved ? If not, when the software will be updated ?

Thanks.

Hi Julien! 

Thanks so much for chiming in. Since there are a few different issues mentioned in this thread, can you tell me more about what you're running into? Also, what version of Storyline are you using? 

Hi Alyssa,

I am using Storyline 2 and 3 but I think I will use Storyline 3 later because we can choose different format of publication. It's interesting for my work.

I'm interested to publish with HTML5 format because Adobe Flash will finish soon... And we need to play the videos/animations after this Flash stop.