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 '14 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 '14 at 12:06
  • 1
    Why can't you use a png? – Kukka Nov 16 '14 at 13:45
  • I need it to be animated, png is static... I want christmas lights that are actually animated – NepsName Nov 16 '14 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 '14 at 15:41

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.