Tame size of mobile screenshot images

Changed

Context

My iPhone 13 mini has a 375px wide viewport, but a 1080px screen, due to ~3x ratio.

Screenshots appear enlarged compared to others from desktop.

Drupal mobile content entry

TODO

Create a new image style that scales the image to a max height, replacing the one currently used in the screenshot display mode.

Done

Create Extra large image style that scales 1024x800px. The height is similar to the device viewport, causing the image to scale down to the right size.

Next Step

Need a way to open a larger image in photoswipe. (Or use responsive images?)

Task type
Project