Skip to main content
mod_pagespeed 1.15 — Cyclone Cache, modernized optimizations, IIS + .NET support, and six years of security updates

Convert JPEG to AVIF

Images New in 1.15

Re-encodes photographic JPEGs as AVIF for browsers that accept it.

Filter convert_jpeg_to_avif,rewrite_images · Filter docs

A mod_pagespeed 1.15 filter. ModPageSpeed 2.0 applies it as part of one always-on pipeline, not as a separate switch.

Original Open in new tab
Optimized Open in new tab

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 mod_pagespeed 1.15 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

101.9 KB 10.4 KB
−90%

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>rewrite_images example</title>
                    

                          </head>
                    

                          <body>
                    

                      -     <img src="images/Puzzle.jpg" width="256" height="192" title="An 1023x766 image displayed in a 256x192 thumbnail. PageSpeed
                    

                      +     <img src="images/256x192xPuzzle.jpg.pagespeed.ic.TRU8DN7ruG.avif" width="256" height="192" title="An 1023x766 image displayed in a 256x192 thumbnail. PageSpeed
                    

                                        will resize it so it is served in fewer bytes."/><br/>
                    

                      -     <img src="images/Cuppa.png" title="A small image.  PageSpeed will inline it."/><br/>
                    

                      -     <img src="images/BikeCrashIcn.png" title="A medium size image, PageSpeed will losslessly re-encode it,
                    

                      +     <img src="images/xCuppa.png.pagespeed.ic.jf3PtqQ39N.png" title="A small image.  PageSpeed will inline it."/><br/>
                    

                      +     <img src="images/xBikeCrashIcn.png.pagespeed.ic.5bikBrM1SW.avif" title="A medium size image, PageSpeed will losslessly re-encode it,
                    

                                        so it can be served in fewer bytes."/><br/>
                    

                            <img src="images/disclosure_open_plus.png" title="A small image with data-pagespeed-no-transform.  PageSpeed will not
                    

                      -                 transform this file." data-pagespeed-no-transform/><br/>
                    

                      +                 transform this file."/><br/>
                    

                          </body>
                    

                        </html>

Run this on your own site

This is one of 49 filters mod_pagespeed 1.15 applies in place — self-hosted on Apache, nginx, and IIS. Install and run it: it optimizes right away and adds an X-PageSpeed-Warn: unlicensed header until you license it. Production use requires a commercial license — but the software never locks you out.

Download & run
← All optimization examples