Intent to Ship: Auto Sizes for Lazy Loaded Images with Srcset

[Traian Captan]

Contact emails

tca...@chromium.org

Explainer

https://github.com/whatwg/html/issues/4654

Specification

https://html.spec.whatwg.org/#sizes-attributes

Summary

Auto Sizes allows developers to set the sizes attribute to auto (sizes=auto) for lazy loaded image elements with srcset. For this use case the image's width and height should be provided. The browser will use the layout width of the image in order to select the source url from the srcset.

Blink component

Blink>Image

Search tags

sizes, sizes=auto, autosizes, srcset

TAG review

TAG review status

Not applicable

Risks

Interoperability and Compatibility

None since all major browsers (Chrome, Safari and Firefox) indicate that they would be willing to implement it.

Gecko: Positive (https://github.com/mozilla/standards-positions/issues/650)

WebKit: Positive (https://github.com/WebKit/standards-positions/issues/9)

Web developers: No signals

Other signals:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

Debuggability

Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, ChromeOS, Android, and Android WebView)?

Yes

Is this feature fully tested by web-platform-tests?

Yes

PR for current tests pending merge: https://github.com/web-platform-tests/wpt/pull/34427 Rendering wpt.fyi tests will be included with the prototype CL.

Flag name on chrome://flags

AutoSizeLazyLoadedImages

Finch feature name

None

Non-finch justification

None

Requires code in //chrome?

False

Tracking bug

https://bugs.chromium.org/p/chromium/issues/detail?id=1359051

Estimated milestones

DevTrial on desktop

122

DevTrial on Android

122

Anticipated spec changes

Open questions about a feature may be a source of future web compat or interop issues. Please list open issues (e.g. links to known github issues in the project for the feature specification) whose resolution may introduce web compat/interop risk (e.g., changing to naming or structure of the API in a non-backward-compatible way).

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5191555708616704

Links to previous Intent discussions

Intent to prototype: https://groups.google.com/a/chromium.org/g/blink-dev/c/AYoqvNluyeA

This intent message was generated by Chrome Platform Status.

[Rick Byers]

Nice! LGTM1

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFxahvuCb7xXip6nqDAykaRGXy5uX3%2BXZsuPY62s9ntV03PDqw%40mail.gmail.com.

[Mike Taylor]

LGTM2

To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFUtAY_9VCi7s%2B13ixQtBQWEZ9ctVkk_fz55ZewdxxyN15_pxQ%40mail.gmail.com.

[Yoav Weiss]

LGTM3!! Thanks for pushing this through! :)

Nice! LGTM1

To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+unsubscribe@chromium.org.

To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFxahvuCb7xXip6nqDAykaRGXy5uX3%2BXZsuPY62s9ntV03PDqw%40mail.gmail.com.

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.

To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+unsubscribe@chromium.org.