Screenshots for Apple App Store

There is nothing more anoying when you created a nice mobile app, e.g., in the form of a hybrid app, and you want to publish it to Apple App Store, however the screenshot sizes don't fit.

Apple App Store screenshots

The trick is to create a custom device in Google Chrome with the exact screen dimensions. E.g., the iPhone 6,7" display requires a 1290x2796 size. Within a mobile browser you would have the pixel ratio which maps a CSS pixel to multiple physical pixels. Thus, one has to find out the pixel ratio, simply by calculation or by lookup.

Chrome create custom device

In the case of iPhone 6,7" screenshots 3 is the pixel ratio. So for the custom device the size would be 430x932. After the selecting the device, appropriate screenshots can be captured from Chrome developer tools.