Storyline 3 : How to convert PNG files to JPEG

Jan 19, 2018

When publishing My Storyline courses on HTML5 format, I am having an issue with pictures that are displayed after a couple of seconds.

Looking at the published folder nearly all pictures in my course are being created as png files. And those files, even in low resolution are quite large.

For the same file: file size is 957Ko as png and 107Ko as jpeg.

I would like to have all my pictures created as jpeg files while publishing. Is this existing? If not can this be included for future developpement?



29 Replies
Mark Lentz

I am having a similar problem to some users above -- using Storyline 360, latest update, Modern Player/Output to HTML5 -- all the jpgs get output as much larger pngs in the output /mobile directory, introducing delays while the course runs for the users.

I import the jpg files directly into Storyline, from a subdirectory of the job folder on my hard drive, at their existing size, and scale/crop them in the program. (love this feature!)

In some cases I put a Character (png) over a background (jpg); in the /mobile directory, these images are exported separately, both as pngs.

I have used as recommended by another user as a workaround, to shrink the output files, but would much prefer a method to keep jpgs as jpgs.

Attached is the first page of the project.

(9/8 update:  I submitted this as a Case to the Support Team, so will update with solution.)

Mark Lentz

Thanks, Lauren -- yes, I did get a prompt response from a Support Engineer (as usual).   He confirmed the cause of it is when you use SL360's crop tool on a jpg -- it then gets published as a png.  He will reconfirm this with his team, and then see if this behavior should and can be changed in a future release.  Until then, the solution is, if you are doing a picture-heavy training where it matters, crop any photos you want to stay as jpgs outside of SL360. 

I also found an alternate workaround for existing projects, similar to what was mentioned above -- run the output  "/mobile" directory through PNGGauntlet, a free downloadable batch program.   It compresses the pngs up to 3/4's without noticeable degradation. 


And here is better workaround:  continue to use the Storyline Crop tool as before, for the convenience of it.  When the client signs off on the photo, copy and paste it from the Storyline Timeline to a new file in Photoshop.  It will come in sized and cropped just as you had it in Storyline.  Export this new image out of Photoshop.  Swap it out with the old image in the Media Libary via Replace.  Result:  they all stay jpgs; 90% reduced image size in /mobile!

Becca Levan

Hello Everyone!

I'm happy to return to this discussion with an update. We've fixed the issue where: cropping an image in Storyline will convert JPG image to PNG image when Publishing.

Be sure to install the latest Storyline 360 Update 52 to take advantage of all the recent features and fixes.

If this happens again, please let us know! Or you can work directly with our support engineers here.