CODEWITHSUNDEEP
iosswiftsizeassetsportrait
Maximilian Fuchs
Maximilian Fuchs

Reputation: 441

iOS asset sizes and design method

The code for my first iOS 2D game is written. Now, when it comes to assets I feel lost. One reason is the feeling of imperfection due to outdated articles. I need to know the image sizes, to begin designing. The device orientation of the game is portrait only. The status bar is hidden (game). The devices is universal, primary iPhone but I have of course no objections if the sizes are well with iPads too. What is the best image size to start designing for this intention?

If I did not have your help, I would have started creating the background (fullscreen) image at 1242 x 2208 and 401ppi. Then, scale the final image down in Photoshop to 750 x 1334 (4,7“) and to 640 x 1136 (4“). Am I right with my method? Especially, is it best to start with 1242 x 2208 or is 1080 x 1920 fine?

Upvotes: 7

Views: 1087

Answers (1)

Rashwan L
Rashwan L

Reputation: 38833

iPhone 5:
 Display Size: 4 in
Screen Size: 320 x 568 points
Rendered Pixels: 640 x 1136 (@2x)
Pixels Per Inch (PPI): 326
Browser Size Portrait: 320 x 460 px (320 x 528* / 320 x 548**)

iPhone 6/7:
 Display Size: 4.7 in
Screen Size: 375 x 667 points
Rendered Pixels: 750 x 1334 (@2x)
Pixels Per Inch (PPI): 326
Browser Size Portrait: 375 x 559 px (375 x 627* / 375 x 647**)

iPhone 6/7 Plus:
 Display Size: 5.5 in
Screen Size: 414 x 736 points
Rendered Pixels: 1242 x 2208 (@3x)
Pixels Per Inch (PPI): 401
Browser Size Portrait: 414 x 628 px(414 x 696* / 414 x 716**)

So I would go for the rendered pixels sizes for the images.

Upvotes: 3

Related Questions