Add srcset and sizes draft (#1448)

Co-authored-by: Daniel D. Beck <[email protected]>

Author: foolip

features/draft/srcset.yml

@@ -0,0 +1,16 @@
+# TODO: Fix Edge ≤18 data in BCD and publish this.
+draft_date: 2024-07-17
+name: srcset and sizes
+description: The `srcset` and `sizes` attributes for `<img>` elements set a list of possible sources for the image and a corresponding list of size conditions for choosing a source, to show a responsive image that fits the size of the display.
+spec: https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-srcset
+group: html
+caniuse: srcset
+compat_features:
+  - api.HTMLImageElement.sizes
+  - api.HTMLImageElement.srcset
+  - api.HTMLSourceElement.sizes
+  - api.HTMLSourceElement.srcset
+  - html.elements.img.sizes
+  - html.elements.img.srcset
+  - html.elements.source.sizes
+  - html.elements.source.srcset

features/draft/srcset.yml.dist

@@ -0,0 +1,95 @@
+# Generated from: srcset.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: ≤2018-10-02
+  baseline_high_date: ≤2021-04-02
+  support:
+    chrome: "38"
+    chrome_android: "38"
+    edge: ≤18
+    firefox: "38"
+    firefox_android: "38"
+    safari: "10.1"
+    safari_ios: "10.3"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "34"
+  #   chrome_android: "34"
+  #   edge: "12"
+  #   firefox: "38"
+  #   firefox_android: "38"
+  #   safari: "8"
+  #   safari_ios: "8"
+  - api.HTMLImageElement.srcset
+
+  # baseline: high
+  # baseline_low_date: 2016-03-21
+  # baseline_high_date: 2018-09-21
+  # support:
+  #   chrome: "38"
+  #   chrome_android: "38"
+  #   edge: "12"
+  #   firefox: "38"
+  #   firefox_android: "38"
+  #   safari: "9.1"
+  #   safari_ios: "9.3"
+  - html.elements.img.sizes
+
+  # baseline: high
+  # baseline_low_date: 2016-03-21
+  # baseline_high_date: 2018-09-21
+  # support:
+  #   chrome: "38"
+  #   chrome_android: "38"
+  #   edge: "13"
+  #   firefox: "38"
+  #   firefox_android: "38"
+  #   safari: "9.1"
+  #   safari_ios: "9.3"
+  - api.HTMLImageElement.sizes
+
+  # baseline: high
+  # baseline_low_date: 2017-03-27
+  # baseline_high_date: 2019-09-27
+  # support:
+  #   chrome: "38"
+  #   chrome_android: "38"
+  #   edge: "13"
+  #   firefox: "38"
+  #   firefox_android: "38"
+  #   safari: "10.1"
+  #   safari_ios: "10.3"
+  - api.HTMLSourceElement.sizes
+  - api.HTMLSourceElement.srcset
+
+  # baseline: high
+  # baseline_low_date: ≤2018-10-02
+  # baseline_high_date: ≤2021-04-02
+  # support:
+  #   chrome: "34"
+  #   chrome_android: "34"
+  #   edge: ≤18
+  #   firefox: "38"
+  #   firefox_android: "38"
+  #   safari: "8"
+  #   safari_ios: "8"
+  - html.elements.img.srcset
+
+  # baseline: high
+  # baseline_low_date: ≤2018-10-02
+  # baseline_high_date: ≤2021-04-02
+  # support:
+  #   chrome: "34"
+  #   chrome_android: "34"
+  #   edge: ≤18
+  #   firefox: "38"
+  #   firefox_android: "38"
+  #   safari: "9.1"
+  #   safari_ios: "9.3"
+  - html.elements.source.sizes
+  - html.elements.source.srcset