Convert animated GIF to AVIF

Images New in 1.15

Re-encodes animated GIFs as animated AVIF for browsers that accept it.

Filter convert_to_avif_animated · Filter docs

A module filter.

Both frames render identically — that's the goal. The win is in the bytes and requests below, not the look. They're served live by the mod_pagespeed module on demo-httpd-1.1.modpagespeed.com; the optimized frame applies only this filter. Right after a cache purge it may briefly match the original while the worker rewrites it — reload to see the result.

Measured impact

Total bytes

570.0 KB 22.0 KB

−96%

What changed in the source

The page's HTML, before and after this filter. Red lines are removed, green lines are added.

                
                  
                      … 2 unchanged lines …
                    

                            <title>convert_to_avif_animated example</title>
                    

                          </head>
                    

                          <body>
                    

                      -     <img src="images/CradleAnimation.gif" title="An animated GIF.  PageSpeed will re-encode it as an animated
                    

                      +     <img src="images/xCradleAnimation.gif.pagespeed.ic.uHSd68KnI4.avif" title="An animated GIF.  PageSpeed will re-encode it as an animated
                    

                                        AVIF for browsers that accept it, so it can be served in fewer
                    

                                        bytes."/><br/>
                    

                          </body>

Run this on your own site

This is one of 49 filters the mod_pagespeed module applies in place — self-hosted on Apache, nginx, and IIS. Install and run it: it optimizes right away and adds an the optimized response headers shown above. Open source under the Apache License 2.0 — free in development and in production.

Download & run

← All optimization examples