coderef

Preloading responsive imagesBaseline · Widely available

The imagesrcset and imagesizes attributes with the rel="preload" attribute for the <link> HTML element starts fetching responsive images before they're found in the body of the document.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Dec 11, 2023. Widely available since Jun 11, 2026.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–72Not supported
73+Supportedsince Mar 12, 2019
Current: 155
Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154
Firefox
1–77Not supported
78+Supportedsince Jun 30, 2020
Current: 157
Safari
1–17.1Not supported
17.2+Supportedsince Dec 11, 2023
Current: 27
MobileChrome Android
18–72Not supported
73+Supportedsince Mar 12, 2019
Current: 155
Firefox Android
4–68Not supported
79+Supportedsince Jul 28, 2020
Current: 157
Safari iOS
1–17.1Not supported
17.2+Supportedsince Dec 11, 2023
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: imageSizes.

Feature detection

JS · check before using
if ("HTMLLinkElement" in globalThis && "imageSizes" in HTMLLinkElement.prototype) {
  // HTMLLinkElement.imageSizes is available
}

Documentation (MDN)

Specification

Sub-features

Support for each part of the feature (4). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
HTMLLinkElement.imageSizes73797817.2737917.2
HTMLLinkElement.imageSrcset73797817.2737917.2
link.imagesizes73797817.2737917.2
link.imagesrcset73797817.2737917.2