Browser support as of 2026
Browser support is no longer a meaningful differentiator among the major formats. If your analytics show that the majority of your audience uses browsers from the past three years — which is true for most web projects — WebP and AVIF are safe choices without fallbacks. If you serve users on very old systems or embedded browsers, JPEG remains the universal safe option.
- JPEG: 100% — universal, no exceptions
- PNG: 100% — universal, no exceptions
- WebP: 97%+ — supported in Chrome, Firefox, Safari (14+), Edge, and all modern mobile browsers
- AVIF: 93%+ — supported in Chrome 85+, Firefox 93+, Safari 16+, Edge 121+
- HEIC: Safari only — not suitable for web publishing
WebP: the practical default for 2026
WebP is the recommended format for most web images in 2026. It supports lossy and lossless compression, alpha transparency, and broad browser support. Lossy WebP is typically 25–35% smaller than JPEG at equivalent visual quality. Lossless WebP is often smaller than PNG for images with varied content.
WebP encoding is fast, toolchain support is mature (every major image editor, build tool, and CDN handles it), and there are no licensing costs. For a team that needs a single format to cover photographs, graphics, and transparent images, WebP handles all three.
The main limitation is email. WebP is not supported in most email clients including Apple Mail, Outlook, and Gmail's desktop view. For images that will appear in email, use JPEG or PNG.
AVIF: the best compression in 2026
AVIF, built on the AV1 video codec, produces the smallest files of any web image format — typically 30–50% smaller than WebP and 50–60% smaller than JPEG at equivalent visual quality. It supports alpha transparency, HDR, and wide color gamut. Browser support has reached a level where it is viable as a primary format for most projects without fallbacks.
The trade-off is encoding speed. AVIF encoding is significantly slower than WebP or JPEG, particularly for large images. For static sites where images are encoded at build time, this is acceptable. For on-the-fly server-side encoding or user upload workflows where images are processed in real time, the encoding overhead can be prohibitive.
AVIF is the right choice for: high-traffic static content where maximum compression matters, portfolios and media-heavy sites, and teams that can invest in an optimized build pipeline.
JPEG: still valid in specific cases
JPEG is not dead. At high quality settings (85+), JPEG looks excellent and the size disadvantage versus WebP is smaller. For most casual web publishing where performance is not the primary concern, JPEG is fine. For performance-critical pages, WebP or AVIF is measurably better. JPEG remains valid when:
- You need the widest possible compatibility including old browsers, native apps, email clients, and embedded systems
- The production pipeline already produces JPEG and the overhead of adding WebP conversion is not worth it
- You are working with a CMS or platform that does not support WebP output
PNG: still necessary for specific content
PNG remains the correct choice when lossless accuracy is required — text overlays, UI screenshots, diagrams with flat colors, and images that will be further edited. It is also a safe fallback for transparent images when WebP support cannot be assumed.
For photographs, PNG is the wrong choice due to excessive file size. A 15 MB PNG photograph that should be served as a 200 KB WebP is one of the most common image performance mistakes on the web.
Format decision table for 2026
Match the format to the job. This covers the cases that come up on almost every site:
| Use case | Recommended format |
|---|---|
| Photograph on a web page | WebP lossy (quality 78-85) |
| Photograph in an email | JPEG |
| Logo with transparent background | WebP with alpha, or PNG fallback |
| Screenshot or diagram | PNG or lossless WebP |
| Hero image on a high-traffic page | AVIF with WebP fallback |
| Thumbnail grid | WebP lossy (quality 70-78) |
| Background with subtle detail | WebP or AVIF (quality 65-75) |
| iPhone HEIC photo to publish | Convert to JPEG or WebP first |
| Image for an editing workflow | Keep PNG or raw; export WebP |
Using the picture element for format negotiation
For production web projects, the <picture> element lets browsers choose the best format they support. A typical pattern nests AVIF and WebP sources with a JPEG fallback img: it delivers AVIF to browsers that support it, WebP to those that do not, and JPEG as the universal fallback — without any JavaScript or server-side detection. Generating all three versions is the main cost of this approach.
<source srcset="image.avif" type="image/avif" /><source srcset="image.webp" type="image/webp" /><img src="image.jpg" alt="description" width="800" height="533" />
How to convert between formats
PhotoTools converts between JPEG, PNG, WebP, AVIF, and HEIC in your browser without uploading files to a server. Drop in your images, choose the target format, and download the results. For lossy formats, the quality slider lets you control the file size trade-off. Compare the output at the actual display size — differences that are visible at full zoom often disappear at the size the image will appear on a web page.