Images are usually the heaviest part of any WordPress page, which means the format you save them in has an outsized effect on how fast your site feels. For years, JPEG was the only serious option. Now there are three formats in regular use — JPEG, WebP, and AVIF — and they each make different trade-offs between file size, visual quality, encoding speed, and browser support.
This isn’t a “what is AVIF” primer. It’s a practical comparison to help you decide which format should be your default in 2026, and why.
The three formats, in plain English
JPEG is the format nearly everyone still has somewhere on their site. It’s been the web’s default photo format since the 1990s, and every browser, email client, and image editor on the planet supports it. Its downsides: it doesn’t support transparency, and at smaller file sizes it tends to introduce visible blocky artifacts, especially around sharp edges and text.
WebP was Google’s answer to JPEG’s limitations. It supports transparency (like a PNG), supports simple animation (like a GIF), and generally produces smaller files than JPEG at comparable visual quality. WebP has been supported in all major browsers for several years now, which is why it became the safe “modern” choice for a long time.
AVIF is the newest of the three, based on the AV1 video codec. It typically achieves the smallest file sizes of the three formats at a given visual quality, handles transparency, and can represent a wider range of brightness and color (HDR) than JPEG or WebP. Browser support has matured significantly — AVIF is now supported broadly across modern versions of Chrome, Edge, Firefox, and Safari.
Compression vs. quality: what actually changes
The core trade-off with any image format is simple: how much can you shrink the file before people notice the quality loss?
- JPEG needs relatively higher file sizes to avoid visible artifacts, particularly in photos with fine detail or flat color areas (like screenshots or illustrations with text).
- WebP typically produces meaningfully smaller files than JPEG at a similar perceived quality, which is why it became a popular default.
- AVIF typically compresses even further — often cited as roughly 30–50% smaller than JPEG at comparable quality, though the exact savings depend heavily on the image content. Photos with lots of texture and detail tend to benefit the most.
Where this matters most for a WordPress site: hero images, product photography, and blog featured images are usually large photographic images — exactly the kind of content where AVIF’s compression advantage shows up most clearly.
Encoding time: the trade-off nobody talks about
Smaller output files don’t come for free. AVIF encoding is generally more computationally expensive than WebP or JPEG encoding — it can take noticeably longer to produce an AVIF file than to save the same image as a JPEG. For a single image this is a non-issue. For a site with thousands of product photos or a large media library, encoding time becomes a real operational question: something has to do that work, and it has to happen without slowing down your editing workflow or your server.
This is one reason many sites still avoid converting their whole library to AVIF manually — it’s not that the format is bad, it’s that automating the conversion at scale takes tooling most site owners don’t want to build themselves.
Browser support: how safe is AVIF today
A few years ago, AVIF support was the main reason to hesitate. That’s no longer really true — current versions of Chrome, Edge, Firefox, and Safari all render AVIF natively. The remaining risk is visitors on older browser versions or less common browsers that haven’t caught up.
That’s why the responsible approach isn’t “replace JPEG with AVIF everywhere and hope,” it’s serve AVIF to browsers that support it, and fall back gracefully for the browsers that don’t. The HTML <picture> element and the srcset/type attributes were built for exactly this: the browser itself picks the best format it understands from a list of options, with no guesswork and no broken images if a format isn’t supported.
Quick comparison
| JPEG | WebP | AVIF | |
| Typical file size | Largest | Smaller than JPEG | Smallest overall |
| Transparency | No | Yes | Yes |
| HDR support | No | No | Yes |
| Browser support | Universal | Very wide | Broad in modern browsers |
| Encoding time | Fastest | Moderate | Slowest |
| Best default today | Fallback only | Solid fallback | Primary format |
Why AVIF is the right default — with a safety net
Put the trade-offs together and a clear picture emerges: AVIF gives you the best compression-to-quality ratio of the three formats, plus transparency and HDR support that JPEG can’t offer. Its one real weakness — encoding cost — is a server-side problem, not a visitor-facing one. And browser support is no longer the blocker it used to be.
The practical recipe, then, is to treat AVIF as your primary format, keep a compatible fallback (JPEG or WebP) for older browsers, and let the browser choose automatically via srcset so nobody ever sees a broken image or downloads a format their browser can’t decode.
How AWP handles this automatically
This is exactly what the AWP — Accelerate Website Pages plugin does for your WordPress media, without you needing to manually convert or manage multiple image copies.
AWP’s Images module converts your images to AVIF locally, on your own server, at upload time — along with stripping unnecessary EXIF metadata and enforcing sensible maximum dimensions so you’re never serving an oversized original. Your original files stay untouched in your media library; the AVIF versions are additional, right-sized variants generated alongside them.
Where AWP goes further is through its optional personalized optimization. When you run it, the AWP Exchange Server looks at your page’s public output and works out the best image size for each device — phone, tablet, desktop — without ever seeing the actual contents of your images or storing them; it only measures dimensions. The plugin then applies that result on your own server, encoding right-sized AVIF variants directly into your WordPress media library and serving them through a responsive srcset. Modern browsers automatically receive smaller, sharper AVIF images sized for their screen, while older browsers still get a fully compatible fallback format — so nothing ever breaks.
Because everything is applied at the output layer, your original posts, pages, and uploaded images are never modified, and the optimization is fully reversible at any time.
If you’re still serving plain JPEGs — or even WebP without a proper responsive setup — switching to an AVIF-first strategy with a solid fallback is one of the more meaningful, low-risk performance upgrades available for a WordPress site today.
