So, basically, I have a website where I want to put animated christmas lights, nothing to complex.

Note: Don't mind the watermarks, they are just in case...

I made the static image in png first:

Static image:

All ok with that, it display correctly in the website

Then, I tried animating it to gif, in photoshop, and the image was ruined:


Final result: http://i.imgur.com/NlQf5VM.gif

So, basically, I just want to know what are all the possible ways of making this animation show in my website, good quality, without white blobs or any blobs at all, and with transparency.

I will really accept any options, gif, video, flash, anything. I would just like to have this on a website.

Note: This is above a slideshow, so, making it match the background is not an option, at all.

Thanks for reading.

  • 2
    GIF does not support semi-transparency - you need to dither for fake semi-transparent GIFs. See graphicdesign.stackexchange.com/questions/20515/….
    – Takkat
    Nov 16, 2014 at 11:56
  • That will make it look really bad, with bad quality, do you know any other ways of getting the same result? Like, with flash or html5? Something? I am just not experienced in those areas so I don't know...
    – NepsName
    Nov 16, 2014 at 12:06
  • 1
    Why can't you use a png?
    – Kukka
    Nov 16, 2014 at 13:45
  • I need it to be animated, png is static... I want christmas lights that are actually animated
    – NepsName
    Nov 16, 2014 at 15:21
  • 3
    you may find alternatives to GIF here: graphicdesign.stackexchange.com/questions/90/… - consider a Java scripted PNG slideshow.
    – Takkat
    Nov 16, 2014 at 15:41

1 Answer 1


Gif will not support multi-level transparency. Use PNG 24 bit. But be warned, it comes at the price of a larger file size.


Not the answer you're looking for? Browse other questions tagged or ask your own question.