Reconsider default deviceSizes configuration to handle 2x/3x DPI

[styfle]

Currently, deviceWidths is [320, 420, 768, 1024, 1200], however we did not consider DPI.

For example, an iPhone 5/SE is 320px wide but it requests the a 640px image from the srcset because its 2x DPI.

However, because we don't have 640w as an option, this means the 768w image is used because it is the next largest.

Apple Docs

• Device Display Resolutions
• DPI: 2x vs 3x

[styfle]

Suggested defaults:

{
  deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
  imageSizes: [16, 32, 48, 64, 96, 128, 256, 384]
}

We can also use 1x, 2x, 3x variants for layout=fixed and layout=intrinsic.

[dohomi]

Suggested defaults:

{
  deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
  imageSizes: [16, 32, 48, 64, 96, 128, 256, 384]
}

We can also use 1x, 2x, 3x variants for layout=fixed and layout=intrinsic.

that would be awesome

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.