I'm a little unsure what image sizes I should be using if I want an image to go edge-to-edge in portrait mode on the iPhone (4S, 5x, 6, 6+).
Mathmatically it would break down like this:
- @1x = 320
- @2x = 640
- @3x = 960
Before the iPhone 6/6+ this would work for 1x and 2x, but the 3x and the fact that iPhone 6 uses the 2x graphics has left me confused.
By screen size it would break down like this:
- iPhone 4S, 5x = 640
- iPhone 6 = 750
- iPhone 6+ = 1242
I'm tempted to use images that are sized like this:
- @1x = 320
- @2x = 750 (and let 4S and 5x scale it down)
- @3x = 1242
Somehow this just doesn't seem right. So, should I simply go by the math and ignore the screen sizes, or go by the screen sizes and ignore the math?
Any help is appreciated.
