{f:uri.image(image: file, width: '1280', cropVariant: 'default')} 1x, {f:uri.image(image: file, width: '2560', cropVariant: 'default')} 2x {f:uri.image(image: file, width: '700', cropVariant: 'default')} 1x, {f:uri.image(image: file, width: '1400', cropVariant: 'default')} 2x {f:uri.image(image: file, width: '450', cropVariant: 'default')} 1x, {f:uri.image(image: file, width: '900', cropVariant: 'default')} 2x 450 {f:uri.image(image: file, width: '2400', cropVariant: 'default')} 1x, {f:uri.image(image: file, width: '4800', cropVariant: 'default')} 2x {f:uri.image(image: file, width: '1400', cropVariant: 'default')} 1x, {f:uri.image(image: file, width: '2800', cropVariant: 'default')} 2x {f:uri.image(image: file, width: '900', cropVariant: 'default')} 1x, {f:uri.image(image: file, width: '1800', cropVariant: 'default')} 2x 480 Preload the LCP image; media ranges are mutually exclusive so only the matching source gets fetched