Image Delay When Moving to New Slide

Nov 26, 2014

I have been noticing that every once in awhile, I have an image on a slide that delays for a split second when advancing to a new slide.  I thought this might be because the size of the image was too large, so I tried compressing the image into smaller size (with lower resolution), but the delay still happens.  Is there an explanation for this, or a setting I can change so that this doesn't happen?

12 Replies
Gerry Wasiluk

Thanks for the update. :)

What format is the original image in?  I usually use PNGs and JPGs and have consistently gotten great results.

Any chance of seeing your course?  If not, could you attach some of the images that give you issues?

Also, are you using Storyline 1 or Storyline 2?  And which browser and version are you using and what version of Flash (go here for that info)?

Last, can you publish your course and then go to story_content folder in the published output.  Are the JPG's and SWF's of reasonable size (say, under 1000 KB)?

 

Sarah Greywitt

I am using all PNGs and JPGs for images.  This image is a JPG, as you can see.  It was originally a large image, close to 1000KB but I compressed it, and now it is 78KB.

I am using Storyline 2 and the Flash version said 12,0,0,77.  I use Firefox and Internet Explorer, and I am not sure what version. 

I can't show the whole course.  I cut the slides out of my presentation for you to see.  Slide 1.3 is the worst offender.  The coin image is delayed.  I find funny in slide 1.2 that the inserted rectangle box is delayed, which makes me wonder if there is some setting that is not right, or if it is my computer? 

Steve Gannon

Sarah, in addition to the coin image on slide 3, you have images in states for the text objects. All of your images, including the coin image, are significantly scaled down within Storyline. I think you'll find that the slide loads much more quickly if you do the following for each picture:

  1. Right-click and select "Save as Picture." Save the image to a filename and folder of your choosing.
  2. Right-click and select "Change Picture." Select the file you saved in #1 above.

When you save the picture, it will be saved at the size you have it scaled down to, not the original size. And when you change the picture using #2 above, Storyline imports that image at its new, smaller size.

You will significantly decrease the number of bytes required for the slide. That should help it load much more quickly.

 

This discussion is closed. You can start a new discussion or contact Articulate Support.