The State of Web Vitals

LCP image format

The image format of the LCP resource.

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

At a glance the headline numbers for LCP image format

The image format of the LCP resource.

12
Categories
58,649 sites
49.6%
Top share
jpg
1.4s
Top LCP
Median for jpg

49.6% of LCP images are JPEG. 26.8% are WebP, 6.2% AVIF.

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

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

Median LCP
0
0.5s
1s
1.5s
2s
2.5s
3s
3.5s
4s
gif1.2s1% of sites
jpg1.4s50% of sites
avif1.4s6% of sites
svg+xml1.4s2% of sites
png1.4s15% of sites
webp1.4s27% of sites
*1.8s0% of sites
VariantShare of sitesMedian
gif 323 sites
1%
1.2s
jpg 29,073 sites
50%
1.4s
avif 3,616 sites
6%
1.4s
svg+xml 1,250 sites
2%
1.4s
png 8,632 sites
15%
1.4s
webp 15,689 sites
27%
1.4s
* 58 sites
0%
1.8s

Gif sites post the best median LCP (1.2s). * sites trail at 1.8s. Correlation, not causation. computed

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

Passing LCP per LCP image format which group passes the LCP most often

VariantSitesPassing LCPLCP
Gif 0.6% 323 92% 1.2s
Avif 6.2% 3,616 89% 1.4s
Webp 26.8% 15,689 88% 1.4s
Jpg 49.6% 29,073 86% 1.4s
Png 14.7% 8,632 85% 1.4s
Svg+xml 2.1% 1,250 83% 1.4s
* 0.1% 58 70% 1.8s
Good Needs Improvement Poor Sorted best-passing first · median colored by its own rating · pass = good LCP (2.5s at p75) · one value per site

92% of Gif sites pass LCP. Svg+xml trails 9 points behind. computed

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

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

The format sets the bytes per pixel, and the LCP's load time scales with the bytes. The same hero photo is far smaller as AVIF or WebP than as JPEG, and PNG for photos is the classic mistake: a lossless format doing a lossy job. SVG is its own case, tiny and sharp at any size for logos and illustrations.

Nobody should convert images by hand. An image CDN or a build step serves the best format each browser supports from one source file. The format mix is mostly a measure of which sites have that step.

How does this affect the Core Web Vitals?

LCP image format correlates with the LCP. With GIF, 92% of sites pass the LCP. With Svg+xml, 83% do.

Go fix it Optimize images for Core Web Vitals → JPEG XL and Core Web Vitals → Optimize the LCP image →
Related signals LCP priority hint → LCP origin → LCP responsive markup → LCP discovery → Chrome field data from 94,910 sites, representing millions of real page loads · How we measured