Animated GIF issues in HTML5 output

Hi Lawrence. The image quality of the transparent GIFs isn't that great, but I found a work-around. You can put a little square in the lower-right corner of the GIF in the Storyline file and fill it with the color you need to hide the magenta pixels.

I personally decided that using GIFs isn't an option at this point for the project I had to provide an estimate on.

Articulate, please give us some animation shape tweening tools in Storyline like Flash/Animate has.

I too am having issues with this.  

I have actually reduced the size of the .png  in Photoshop when creating/exporting to Legacy of the .gif and I get the magenta pixel in the bottom corner.  

Also, the .gif causes a very noticeable "hiccup" or lag in the course when being viewed.

Lastly, this problem has been around for YEARS!!  It isn't new.  If it existed in SL2 and quite obviously is in SL3 and SL360 (what I'm using), then why isn't it being addressed more seriously?

Com'on Articulate, you've got to be better than that.  Too many people/companies are trusting you with their livelihood.

Bumping to share that I'm having this same issue. It seems that no matter what image quality settings I specify—or how I size/export them—my .gifs look downright terrible. Also experiencing the strange magenta pixels.

Bumping this too.

Storyline360 seems to have many issues with GIFS (visual glitches, odd playback, massive files when published). For software as expensive as 360 is these issues should either not occur or should at the very least be fixed quickly.

It is especially annoying as the E-Learning Heroes frequently feature articles about using animated gifs with no indication of any of the issues that developers are likely to encounter when they try to get gifs to work in their courses.

It is understandable that many developers look to gifs to bring animation to their work as Flash is no longer a viable option and Storyline's in-built animation is limited. However given all the issues that many developers have been reporting for months/years I don't think Storyline can justifiably claim to truly support the use of gifs.

It would be really helpful to have some clarity on this. Clarity about what is being done to address these longstanding issues. Clarity about any reliable guidance that can be given about using gifs at the moment (clear best practice, what works, what doesn't, any reliable work arounds) . 

Developers should not have to go trawling through the forum to pick up the odd anecdotal tip here and there.

I hope the sense of frustration that I and other developers have about this subject matter has registered with Articulate.

Either sort it out or be clear that you do not support the use of gifs.

So true Conor!

Articulate, this issue with the small box of 1 by 2 pixels in the bottom right of the GIF that's magenta colored was first brought to your attention over four years ago. Management should remove the option to import GIFs from Storyline 3/360 as this doesn't work or FIX THE ISSUE and not keep saying it's on your list. 

**Crickets from Articulate**

Hi Keith,

First, I'm curious what update of Storyline you're using as the red or pinkish hue, is something that we fixed in update 2 detailed here. 

In regards to your two other issues, it sounds like they're similar to the issue Justin worked on in this thread and has been reported to our QA team. 

Hi Ashley,

We are using Storyline Update 4. Besides that, the issue you listed is different than the one I am encountering. In the issue I'm encountering the background of the GIF retains its transparency just fine, however there is a small box of maybe 1 by 2 pixels in just the bottom right of the GIF that's magenta colored. It looks like it gets put there when storyline publishes it, as this is the image from the published directory (check out the bottom right):

The other thread you listed is interesting, as the issue was resolved by putting image quality at 100%, whereas in my case we have already had it as standard at 100% and are only getting issues with animated GIFs when it's 100%. It's a bit of an issue as we don't want to have to sacrifice image quality of other on-screen images just to get an animated GIF to work.

Hi Keith,

Thanks for the image - and sorry I missed this, as I was off for the holiday weekend. 

Are you able to update to the current update 5 of Storyline? I don't see any specific fixes in update 5 related to animated gifs, but it's worth seeing how it would behave there as there in case there was something modified as a part of that update that may play a role. 

If you're able to use update 5 and continue to see the odd pink pixel in the bottom corner and the remaining issues with quality, are you able to share your .story file with that gif here so we could take a look at it? 

Hi Ashley,

I am using storyline 3 Update 1:3.1.12115.0

I am encountering the same issue with the GIF images when viewing HTML 5 output. GIF images are not displaying in HTML5, however, it's showing correctly in HTML version.