The State of Web Vitals

Image format mix

The image mix by format (JPEG, PNG, WebP, AVIF, SVG, GIF) - counts and bytes per format.

Field data PhoneDesktopAll Scope All sites Q1 2026 edition · Phone field outcomes
Metric LCP INP CLS
1

At a glance the headline numbers for Image format mix

The image mix by format (JPEG, PNG, WebP, AVIF, SVG, GIF) - counts and bytes per format.

12
Categories
In the distribution
29.1%
Fleet share
Top: jpg
72.4%
Sites with any
Of jpg

5.5% of images are AVIF. 29.1% are still JPEG.

The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
2

The image format mix mix who uses what, and how fast each group loads

Median INP (sites using feature)
0
100ms
200ms
300ms
400ms
500ms
Jpg96ms29% of sites
Png98ms22% of sites
Webp105ms19% of sites
Svg102ms18% of sites
Avif106ms6% of sites
Gif102ms4% of sites
Other112ms2% of sites
Ico119ms0% of sites
VariantShare of requestsMedian
Jpg
29%
96ms
Png
22%
98ms
Webp
19%
105ms
Svg
18%
102ms
Avif
6%
106ms
Gif
4%
102ms
Other
2%
112ms
Ico
0%
119ms
Png+xml
0%
Webp+xml
0%
Jpg+xml
0%
67mqhd9k
0%

Image format mix. On the fleet: 29.1% jpg, 22.1% png, 19.1% webp. 72.4% of sites use at least one jpg.

Jpg leads by count (29.1%) and by bytes (53.8%). computed

The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
3

Passing INP per bucket every category and count level at once - color is the pass rate

1
2
3
4
5
6
7
8
9
10
11
Jpg 29.1%
91
93
93
94
94
95
95
94
91
92
Png 22.1%
91
92
92
94
93
94
94
94
92
91
85
Webp 19.1%
92
94
93
94
94
94
94
92
89
85
Svg 18.3%
93
93
93
93
92
94
92
91
86
89
Avif 5.5%
91
91
94
91
92
89
90
86
90
87
Gif 4.1%
93
91
89
90
87
84
83
74
80
78
Other 1.8%
92
90
87
87
85
88
88
82
83
81
← few of this category on the pagemany →
60%95%+ of sites passing INP Faded cells: under 100 sites

Each row is a category, each column its own count bucket (few on the left, many on the right); the cell is the share of those sites passing INP.

Gif swings the hardest: 93% of sites pass INP with few, 78% with many. computed

The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
4

Few vs many - does quantity cost INP? the pass rate with few vs many of each category

60%70%80%90%100% few → many
Gif 4.1% 93% → 78%
Other 1.8% 92% → 81%
Webp 19.1% 92% → 85%
Png 22.1% 91% → 85%
Avif 5.5% 91% → 87%
Svg 18.3% 93% → 89%
Jpg 29.1% 91% → 92%
% of sites passing INP · hollow ring = pages with few, solid dot = pages with many

Per category: the pass rate among pages with FEW of it (hollow ring) against pages with MANY (solid dot), worst trend first. Thin buckets are excluded from the endpoints.

More Gif costs the most: the INP pass rate falls from 93% with few to 78% with many. computed

The State of Web Vitals · Q1 2026 · 94,910 sites · phone field datacorewebvitals.io/state-of-cwv
5

Why this matters for the Core Web Vitals, and where to start fixing it

Image bytes are usually the biggest slice of page weight, and the format multiplies all of them. AVIF and WebP deliver the same picture in far fewer bytes than JPEG. PNG belongs to screenshots and graphics, not photos. GIF is the most expensive way ever invented to ship a short video.

Nobody converts by hand at scale. An image CDN or build step negotiates the best format per browser from one source file. This mix mostly measures how many sites have that step in place.

How does this affect the Core Web Vitals?

Image format mix correlates with the LCP. With AVIF, 89% of sites pass the LCP. With Other, 79% do.

Go fix it Optimize images for Core Web Vitals → JPEG XL and Core Web Vitals →
Related signals Stylesheet origin (1P/3P) → Preloaded fonts → Stylesheet loading mix → Third-party share → Chrome field data from 94,910 sites, representing millions of real page loads · How we measured