The size is bigger for APNG, of course. That quality difference isn’t free. But if your design element is lets say 40×40 then it might not be such a big deal.
IE situation is not good, but there is a way around it. It’s possible to detect apng support in a browser, and serve GIF or APNG accordingly:
May 5th, 2010 at 9:25 pm
The original comparison images were posted here.
http://www.upstateforums.com/forums/viewtopic.php?p=92616#p92616
The gif image was semi-flattened in my sample and looks better than the one posted here.
The difference in the gif and apng animations are still quite apparent even with the extra care to the gif image.
May 5th, 2010 at 11:56 pm
Semi-flattened would look better, but only on white background.
On such background as above (which helps to show how transparent part of apng works), or on black background, the trick would just be too noticeable.
May 30th, 2010 at 5:05 am
sh… the difference is huge… the gif is so much worse.. never thought I will say that …
what is the difference in size? is it the same as gif’s? … gif is all about the size as far as I know.
what a pity that explorer can’t read this format, otherwise I would go for it 100%
Thank You for sharing
May 30th, 2010 at 8:59 am
The size is bigger for APNG, of course. That quality difference isn’t free. But if your design element is lets say 40×40 then it might not be such a big deal.
IE situation is not good, but there is a way around it. It’s possible to detect apng support in a browser, and serve GIF or APNG accordingly:
http://eligrey.com/blog/post/apng-feature-detection