WebP / AVIF Support Checker
Detect whether your browser supports modern image formats.
About the WebP / AVIF Support Checker
Tests, locally in your browser, whether it can decode the modern WebP and AVIF image formats, useful when deciding which formats to serve.
How to use
Click Check to test your current browser.
Worked example
Modern Chrome and Firefox report support for both WebP and AVIF.
How to use this calculator
- Open the WebP / AVIF Support Checker in your browser.
- Run the detection test to see whether WebP and AVIF are supported.
- Read the result for each format and use it to choose the best image type for your site or app.
Step by step method
- Load the tool in the browser you want to test.
- Let the checker detect support for modern image formats.
- Review the WebP and AVIF results separately, since support can differ by format.
- Use the result to decide whether to serve modern images, fall back to older formats, or provide both.
Worked example
For example, you want to know whether the browser on your laptop can display both modern image formats used on a website.
- Open the checker in that browser and run the test.
- See that WebP is supported, so the browser can display WebP images.
- See that AVIF is also supported, so the browser can display AVIF images too.
Answer. This browser supports both WebP and AVIF.
Tips and common mistakes
- Check both formats separately, because a browser may support one and not the other.
- Test in the exact browser and device you plan to use, since support can vary.
- Use the result to choose image fallbacks for users who do not support a modern format.
- If you are testing a website, remember that browser support can differ from server-side image delivery settings.
Frequently asked questions
Why use WebP or AVIF?+
They compress images far smaller than JPEG/PNG at similar quality, speeding up sites.
What if a browser lacks support?+
Serve a JPEG/PNG fallback using the <picture> element.
More Tech Tools Tools
Explore related calculators in this category
CDN & Cache Header Guide
Understand which CDN serves a site from its response headers.
Color Contrast Checker (WCAG)
Check the WCAG contrast ratio between a text and background color.
Favicon URL Builder
Build the standard favicon HTML tags for your site.
Mobile Safe Area Calculator
Calculate usable content area after notches and home indicators.
You Might Also Like
Popular tools from other categories
CORS Header Builder
Build the right CORS response headers for your API by choosing allowed origins, methods and headers.
Divisibility Rules Checker
Check divisibility by common numbers.
Password Strength Checker
Check how strong a password is based on length, character variety and common patterns. 100% private.
Prime Number Checker
Check if a number is prime and find factors.
Can't Find the Right Calculator?
Try our AI Math Solver, type any problem in plain English and get instant step-by-step solutions.