Forum Discussion

HajnalEppley's avatar
HajnalEppley
Community Member
2 years ago

Storyline course loading slowly in LMS

Hello! I've just uploaded a Storyline course into our LMS. During testing, we noticed the course loads slowly in two places, and am unsure why this is happening. Do you have any tips? 

Thanks for your help! 

storyline 360
  • Jürgen_Schoene_'s avatar
    Jürgen_Schoene_
    Community Member
    2 years ago

    you have BIG problems with the filesize of your png images

    have a look in the folder "mobile" (43.7 MByte png images)



    since the storyline version from april 2022 png images are not scales while the publish

    you should check all your png in the course, if they are scaled in storyline

    scaling 90% is ok, but if your png are more scaled, you should resize the images outside storyline and reimport them

  • HajnalEppley's avatar
    HajnalEppley
    Community Member
    2 years ago

    Hi Jorgen,  thanks for the feedback. I am new to this process, and am not sure what you mean by "if your PNG are more scaled." Can you provide some more info? 

    Thanks again,

    - Hajnal 

    • JoseTansengco's avatar
      JoseTansengco
      Staff
      2 years ago

      Hello Hajnal,

      I believe Jürgen was referring to scaling down your PNG image files by a factor greater than 90%. If you're planning on scaling them down by more than 90%, his recommendation was to use a third-party image editing tool to resize, and reimport your images back to your project file. 

      I'm sure Jürgen will chime in if I missed anything!

    • Jürgen_Schoene_'s avatar
      Jürgen_Schoene_
      Community Member
      2 years ago

      I don't know your course, but do you really need this picture with 1536 x 2048 Pixel in the course ?

      if not, then scale it to the size you need - example to 600x800

      result

      • before: 4.605 KB (1536x2048)
      • after: 780 KB (600x800)

      important: do not crop the transparent unused area - it does not save much and the image must be re-placed in storyline

      How to do it:

      • first make a backup of your .story file !!!!
      • now search your biggest problem images - I would search first for all pngs bigger than 2.000 KB
      • double click the images in the folder "mobile", now search the image on the slides
      • mark the image, click "Format", then "Size and Position"

      now you can see how the png is scaled - here 59%

      on top you see the size, what you need (here 282x282px)

      you can export the image with right click in the timeline > "Show in Media Library..."

      you see here the original size - then "Export"

      scale the image in an external program, which supports PNG (with alpha channel)

      reimport the scaled png (-> "Replace")

      then check the image on the slide view - i most cases everything should be ok

      UPDATE: if you have the original PNG available, of course you don't have to export it first - you can skip that step

       

Related Content