1

I have a created a small GIF consisting of 7 frames using photoshop CS 4.

Unfortunally, my GIF contains alpha/transparency and only after the fact did i realize the whole alpha / color palete problem with GIFs, so my animation is looking really bad now.

Im looking for some kind of way to combine the animation of a GIF with the innate abilities of a PNG file if possible. However, i was unable to find something so far. Can someone advice me ?

  • 1
    Depends on where you want to display your image. In if in a browser then just put the frames side by side anda nimate with css. – joojaa Jun 26 '16 at 13:11
3

There is the APNG (Animated PNG) format, which has actually been around for a long time. Browser support is patchy at best though and support in image editing programs is even worse. APNG is an unofficial extension to PNG and was officially rejected by the PNG group.

You can see some examples of animated PNGs here (you'll need to make sure you're using a browser that supports APNGs):

Since support is so limited you're probably better off sticking to your animated GIF than using APNG though. There are a number of other, probably better, options for animations on the web. You can do a lot with CSS animations and even more with SVG and CSS (and Javascript for more complex animations). You can even use a sprite sheet of regular PNGs and create your animation from that using CSS.

Some more in-depth explanations of web animations can be found here:

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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