LCP image format

The image format of the LCP resource.

Field data PhoneDesktopAll Scope All sites Q2 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.

15
Categories
111,844 sites
49.6%
Top share
jpg
47ms
Top INP
Median for jpg

49.6% of LCP images are JPEG. 26.6% are WebP, 6.1% AVIF.

The State of Web Vitals · Q2 2026 · 189,915 sites · desktop field datacorewebvitals.io/state-of-cwv
2

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

Median INP
0
100ms
200ms
300ms
400ms
500ms
avif, image/avif33ms0% of sites
pjpeg39ms0% of sites
pipeg46ms0% of sites
jpg47ms50% of sites
png48ms15% of sites
gif48ms1% of sites
PNG49ms0% of sites
svg+xml53ms2% of sites
webp55ms27% of sites
*55ms0% of sites
avif58ms6% of sites
VariantShare of sitesMedian
avif, image/avif 1 sites
0%
33ms
pjpeg 8 sites
0%
39ms
pipeg 1 sites
0%
46ms
jpg 55,475 sites
50%
47ms
png 16,520 sites
15%
48ms
gif 651 sites
1%
48ms
PNG 2 sites
0%
49ms
svg+xml 2,499 sites
2%
53ms
webp 29,753 sites
27%
55ms
* 104 sites
0%
55ms
avif 6,824 sites
6%
58ms

Little daylight between the groups: every variant sits near 33ms median INP. computed

The State of Web Vitals · Q2 2026 · 189,915 sites · desktop field datacorewebvitals.io/state-of-cwv
3

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

VariantSitesPassing INPINP
Pipeg 0% 1 100% 46ms
PNG 0% 2 100% 49ms
Avif, image/avif 0% 1 100% 33ms
Pjpeg 0% 8 100% 39ms
Jpg 49.6% 55,475 99% 47ms
Webp 26.6% 29,753 99% 55ms
Png 14.8% 16,520 99% 48ms
Gif 0.6% 651 98% 48ms
Svg+xml 2.2% 2,499 98% 53ms
Avif 6.1% 6,824 98% 58ms
* 0.1% 104 95% 55ms
Bmp 0% 2
JPEG 0% 1
X-pict 0% 1
X-ms-bmp 0% 2
Good Needs Improvement Poor Sorted best-passing first · median colored by its own rating · pass = good INP (200ms at p75) · one value per site

No variant stands out: pass rates sit between 95% and 99%. computed

The State of Web Vitals · Q2 2026 · 189,915 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.

Related signals LCP priority hint → LCP origin → LCP responsive markup → LCP discovery → Chrome field data from 189,915 sites, representing millions of real page loads · How we measured