Reference: https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1
Does the app icon for the iOS App Store need to be 3072 x 3072 px for the latest iPhone since it's an #3x scale factor device?
No, the image sizes listed in the table are absolute values.
The Icon has to be of size 1024 x 1024
In addition the app store icon is somewhat special since it is completely unaffected by the actual hardware. The device does not change the image size you need to provide for the store.
Related
We are on the verge of uploading our first production app to the App Store. I have taken screenshots using an iPhone 8 (4.7"), an iPhone X (5.8"), and an iPad (9.7").
Now, I understand based on Apple's documentation that it is valid to upload these "alternative sizes" (aside: these alternative sizes are ~70% of iOS devices but I digress) and the sizes will be upscaled accordingly to the larger sizes of iPhone (5.5") and iPhone X (6.5", XS Max only as of this writing), and iPad Pro (10.5", 11", 12.9").
My issue is that the promo video for my app was produced at the conventional HD 1080x1920 (valid for 5.5") and 1200x1600 (valid for 12.9"). I can of course downscale these, but ideally I would like to keep the original higher resolution. So my question is: if I upload a mixed bag of assets, will e.g. an iPad Pro still display my preview video AND the upscaled smaller images from my 9.7" upload? Will an iPhone X, which has its own images but a promo uploaded only for 5.5" still show that iPhone 5.5" promo? In most general terms, can I mix and match sizes and expect the App Store to provide assets to the user appropriately?
I spoke with Apple. The short of it is that App Previews (video) and App Screenshots (stills) are separate entities, so you can mix and match. That said, according to the rep with whom I spoke they will never upscale images or video for you. So you should always use the largest device size. He suggested that any images I had in a lower scale I scale up in Photoshop and then submit.
I have an app in the App store to which I want to add #3x files. I read various posts but I am not sure how to proceed.
I read that coordinate space for the iPhone 6 plus is 414x736 points, (X3) that yields 1242x2208 pixels and not 1080x1920. Also I read that the iPhone 6+ will divide that by 1.15 before rendering to the display which will make it fit.
So lets say my App has a button image that is 44x44 pixels (the #2x file), then I should draw it as 44/2*3*1.15 to make it fit my 1242x2208 photoshop canvas. (/2 for points, times 3 for pixels *1.15 to overscale)
Now Apple documentation says #3x button need to have 66 pixels area, so that seems too small as it is not scaled up by 1.15.
This leads me to think my App canvas should be 1080x1920 which would avoid the iPhone having expensive rescale. So which is right? of course #3x would not be #3x.
Forget the 1.15 thing or actual screen resolution. Just scale up your '#2x' assets by a factor of 3/2, and name them '#3x'. The rest will be taken care of by iOS.
Check these links - how #3x image is works with 1080x1920 size..
http://aten.co/2014/09/12/designing-from-iphone-5-to-iphone-6-iphone-6-more-than-i-bargained-for/
You have to set images in image asset, so iOS automatically assign 2x & 3x images.. for different devices.
It's a first time I am posting iPhone app to Apple. After much research I have not been able to find out answer to my questions and I don't want my app to be bounced back due to a silly thing. Please note that my app is only for iOS7. Below are my questions:
1) Do I've to provide 2 images one in low resoltion and another in high resolution?
2) I've read that background image or launch image for iPhone5 should have resolution of 640 x 1136. The same for iPhone4 is 640 x 960. Is there any naming convention for such images (both for iPhone4 and iPhone5)?
3) What should be the resolution for application icons? The resolutions which I know are 1024 X 1024 (required for app store) and 120 x 120. On some links I've read about resolutions of 72px x 72px and 114px x 114px instead of 120 x 120.
Help will be greatly appreciated. Thanks.
1) If you are only targeting retina devices (i.e. iOS 7 only on iPhones) you can provide only the 2x assets.
2) There's a naming convention for the launch image, which is
Default#2x.png (iPhone 3.5-inch retina display)
Default-568h#2x.png (iPhone 4-inch retina display)
Concerning other assets (actually including also launch images) you'd better use the Asset Catalog, which helps you in keeping track of assets for different resolutions.
3) It's 120px. 114px was the resolution on iOS 6 and prior versions.
Instead Directly giving answer to you, I'll give some apple document which is most useful related to your question.
Read App Launch (Default) Images topic in this apple's document for naming convention. This will show you launch images size. It will show you about tabbar and Icon images size.
What is the correct icon size for Newsstand shelf in iPod?
I tried google but not getting any exact answer.
All size for these kind of image can befound in the Apple iOS HIG, there is a section Newsstand Icons.
All Newsstand apps need to supply a Newsstand cover icon that represents the default cover art in the App Store. The long edge of this icon should measure at least 512 pixels (1024 pixels for high-resolution devices). Note that this icon is separate from the app icon that all iOS apps must provide.
Apple now require that a 1024x1024 icon is submitted for the App store. Where can I see an example of where this icon is used? The largest icon I can find in the iTunes store is about 180x180 - even on a retina screen, 360x360 would be sufficient.
I am putting some time into designing a large version of my icon, but if it is going to then be shrunk down, I need to design for this, no?
The large version of the icon is used to generate smaller versions for display in the app store and in other places that require icons in sizes other than the ones you submit. That way, if they need a version of your icon that's 162 px square, or 204 px square, or whatever, they have plenty of pixels in the larger version to ensure a reasonable rendition at smaller size.
Apple used to require a 512 x 512 px icon for this purpose -- sounds like they've doubled the resolution to support retina displays.
Remember, we're talking about a megapixel image here, not a 32 x 32 px tiny icon. When you're dealing with teensy icons, you do have to hand tweak each pixel to get the best approximation of the image you're trying to represent. When you're talking about scaling from 1024 px square to 360 px square, there shouldn't be a problem unless you've added some very fine detail at the large size. Don't do that.
You can find all the 1024x1024 png files in the source of the app's preview page.
Here's the trick:
Go to the app's page: https://itunes.apple.com/us/app/facebook-messenger/id454638411?mt=8
View Page Source (CTRL + U)
Find the "property="og:image" part. (CTRL + F)
<meta content="http://a4.mzstatic.com/us/r30/Purple/v4/c0/92/69/c09269c0-85ca-fd85-5f0f-f235dff13ff8/mzl.lyucgsnh.png" property="og:image" /
Copy the png's url, and paste in to the browser:
http://a4.mzstatic.com/us/r30/Purple/v4/c0/92/69/c09269c0-85ca-fd85-5f0f-f235dff13ff8/mzl.lyucgsnh.png
Voila! :)
From apple:
Starting in July, newly submitted iOS apps require high-resolution
icons and cover art. Large icons and Newsstand cover art must have a
minimum resolution of 1024 x 1024 pixels. To change your app icons or
cover art, go to the Manage Your Applications module on iTunes
Connect. For more information, see the Custom Icon and Image Creation
Guidelines in the iOS Developer Library.
As the largest right now would be the iPad 3 retina, the icon would be used for the AppStore large icon, which used to be 512 x 512, so double that for retina.
The 1024x1024 icons are for the app store according to tho iOS Human Interface Guidelines.. The table states that it is the:
App icon for the App Store
I guess it is for retina and promotion purposes. So Apple can make the large banners in the store and smaller icons out of it.