Have Geek Brain

Avoid browser incompatibility when using animated PNG images

Animated PNG images (APNG) have been in an effort to add this GIF functionality to PNG images for quite some time.According to Wikipedia, they are supported in Opera (> = 9.5) and Firefox (> = 3.0). The first frame in an APNG animation is displayed if the browser does not support APNG images because it was identified as an extension of the widely supported PNG format. Let's say you have an animated PNG that you want to show on your site and you want to warn your users if their browsers don't support it. How do you do it?

+1


a source to share


2 answers


Do the first display of the image in a very short period of time and it will be a big, ugly error message.



+3


a source


If the first frame isn't a useful image, and animation is critical, it might be too early to use them on your website. Better to wait for more browser support.

If for some reason they are vital and must be used, I would include an error message in the first frame, like Adam Jaskiewicz, however users who support APNG will see a warning for a short period of time.



Obviously support can be found as in this Ajaxian article

+1


a source






More articles:


All Articles