Learn how to verify that WebP and AVIF images are actually being delivered to visitors.
Step 1: Open a Page Containing Images
Visit any front-end page on your website where images are displayed (posts, pages, products, etc.).
Step 2: Open Browser Developer Tools
- 1. Right-click on the page and select Inspect, or
- 2. Use keyboard shortcuts:
Windows / Linux:F12orCtrl + Shift + I
macOS:Cmd + Option + I

Step 3: Check the Network Tab

- 1. Switch to the Network tab in Developer Tools.
- 2. Refresh the page to reload all assets.
- 3. Filter by Img (images).
Step 4: Confirm Image Format
Click on any image request and check:
- 1. The Type column, or
- 2. Response Headers → Content-Type
If you see:
- webp
- avif
then WebP or AVIF is successfully taking effect.
Notes
1. WebP/AVIF is served only to supported browsers.
2. Unsupported browsers will automatically fall back to JPG/PNG.
3. CDN or browser caching may require clearing before changes appear.
4. Always verify using Developer Tools, not by visual inspection alone.
1. WebP/AVIF is served only to supported browsers.
2. Unsupported browsers will automatically fall back to JPG/PNG.
3. CDN or browser caching may require clearing before changes appear.
4. Always verify using Developer Tools, not by visual inspection alone.


