Skip to content

Support animated webpage icon (Animated GIF, SVG with CSS animation, JS animation, SMIL animation) #3595

Description

@glypse

I think support for animated webpage icon would be a great feature.
By that, I mean that native Chromium should support animated GIF, and SVG with CSS animation, JS animation, and SMIL animation, natively. This would extend the creative possibilities of any website, while being (I suppose) relatively easy to implement.

So far, the only ways I have found to get it working natively was to manually update the icon each frame, using JavaScript.
Examples:
https://www.geeksforgeeks.org/how-to-use-animation-on-favicon-image/
https://css-tricks.com/the-making-of-an-animated-favicon/
https://stackoverflow.com/questions/1837261/how-to-animate-a-favicon

If the implementation of this causes problems, say per example when creating a bookmark of the webpage, or when adding the webpage to Home Screen on mobile devices, the static favicon could, for example, be by default the first frame of the animation ; then, the user could specify (I don't know if this is Chromium's job or W3C's) a frame number to be used a the static icon when needed, and/or another file to be used when the static icon is needed.

This feature (animated favicon) is natively supported in Firefox. I find it annoying, as a beginner web developper, that it is not available in Google Chrome and the Chromium browsers.

Example of the difference between Chrome and Firefox:
https://animated-svg-favicon.glitch.me/ (choose one of the three buttons on a Chromium browser, then do the same on the Firefox browser: it works on Firefox, not on Chromium)
See videos below

Animated.icon.support.on.Firefox.mp4
Animated.icon.support.on.Google.Chrome.-.NO.SUPPORT.currently.mp4

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions