I know that iOS app icons are automatically cropped to the nice rounded shape and a reflection effect is added when installed on the device. Is this same effect also automatically done with the 512x512 image in iTunes or do I need to design it the right shape? If I do is there a template I can use?
The 512 x 512 image will be resized to the correct size wherever it is used in the store. iTunes also adds the rounded edges and the gloss and reflection as well. If you want to have a "pre-rendered" icon (meaning no gloss is added), add this as an entry to your .plist file:
UIPrerenderedIcon TRUE
There's also a series of icons in your application. Here's what I have set in my applications (these are also in your .plist file):
<key>CFBundleIconFile</key>
<string>iPhoneAppIcon.png</string>
<key>CFBundleIconFiles</key>
<array>
<string>Icon#2x.png</string>
<string>iPhoneAppIcon.png</string>
<string>iPadAppIcon.png</string>
<string>Icon-Small-50.png</string>
<string>Icon-Small.png</string>
</array>
For reference...
iPhoneAppIcon.png (57x57) (iOS - 1,3G,3GS,1st/2nd Gen Touch)
Icon#2x.png (114x114 - for retina display)
iPadAppIcon.png (72x72 - for iPad)
Icon-Small-50.png (50x50 - for iPad spotlight search)
Icon-Small.png (29x29 - for spotlight search)
So Apple does a lot for you in the iTunes store, but you still have to make a bunch for in your app. I usually start by creating a 512x512 and resize down from there and make adjustments in the little guys as needed.
Yes, iTunes does it automatically for the store, just like for the app.
The 512 icon needs to be uploaded in iTunes Connect. As for your app, you will need the following icon sizes when submitting to Apple:
iPad icon: 72 x 72
iPhone icon: 50 x 50, 57 x 57
Retina icon: 114 x 114
If you use Xcode to validate your project, it will tell you what icon sizes are required if they are missing form your project, thats my best recommendation.
Also, you should read over the iTunes Connect Developer Guide, specifically page 12.
You need to have the size 512x512, else apple will reject it.
Reflection is not nesscary. It will add automatically.
You can google around for the template. Here is one of them.
http://blog.cocoia.com/2010/iphone-ipad-icon-psd-template/
As for the reflection on your icon, this can be removed by adding the option Icon already includes gloss effects in your plist, set this to TRUE.
I would create a 512 x 512 icon in your favorite graphics editor, then save a copy scaling down to one of the respective sizes in my first answer.
When editing your icon, you do not have to add the "reflection" effect, if you want this, then uncheck the above option.
Just an extra note from the iOS dev website:
For iPad apps, you will need to include small icons in your binary that are 72 x 72 and 50 x 50. iPhone OS trims 1 pixel from each side of your artwork and adds a drop shadow. Be sure to take this into account as you design your icons.
Related
We are trying to upload TV OS build to app store but its always fails..Please find a error screenshots
We tried so many possibilities but nothings helps and we are using Xcode 9 version, we added 1920X720 image also.
Restarted system also did not help.
It was great experience to find out the solution, We don't need to add aplpha value to top shelf image but we should need two different images with sizes.
Top Shelf: 1920 x 720
Top Shelf Wide: 2320 x 720
The problem was:
I have created new App icon and launch image and its giving by default with name of "Brand Assets"
Then we have added all required images and tried to upload into app store finally we got this issue. To rectify this we have changed name Brand Assets into "App Icon & Top Shelf Image"
In general tab it was selected App Icon & Top Shelf Image but asset does not contain with that name.
Finally issues went away.
Uploading a tvOS app will fail unless you provide only a single-layer top shelf image, and a single layer top shelf wide image.
Top Shelf: 1920 x 720
Top Shelf Wide: 2320 x 720
Both cannot have alpha channels or the upload will fail.
ensure once the image is properly added or its shows any warning
I am currently trying to push an app to the store (Build > Archive), but it keeps complaining about sizes of icons and certain sizes not actually existing.
I cannot find a slot in the Images.xcassets > App icon for a 120 or a 152, so first where do I put these icons so that it builds correctly.
Secondly, this is ridiculous, is there a photoshop script I can use that does the same icon up in 120, 152, and whatever other sizes it needs.
App script for photoshop
http://www.appsbynight.com/2012/09/17/create-every-ios-icon-for-your-app-with-a-photoshop-script/
Not used it, as I have a program on the Mac that converts it for me from a large image to smaller ones.. see below and is free...
https://itunes.apple.com/us/app/prepo/id476533227?mt=12
also the images to have #2x for the larger ons
so
icon-60.png
icon-60#2x.png (120 sized one)
This is not ridiculous.
2*60 = 120
2*76 = 152
Note that's said in "points" and not pixels. You have to check for the coefficient (x2 for Retina Display). Plus, since in iOS7 sizes changed, all iPhone/iPod Touch which can have iOS7 are Retina (that's why there is only the "x2" for iOS7 iPhone). For iPad, there is iPad Mini (non-retina).
I have modified an old photoshop script to create icons that have a size that matches the requirements in xcode 5.2
https://gist.github.com/derpest/8437300
Adding the correct icon to the correct place stops the errors upon validating to push to store.
A good explanation of this is explained here: 'Missing recommended icon file - The bundle does not contain an app icon for iPhone / iPod Touch of exactly '120x120' pixels, in .png format'
If you want an automated way to make your icons at all the right sizes, check out the App Icon Template. It’s a Photoshop file and a companion action that let you design your icon once, then export it all at once. Be warned that you may want to tweak your icons at each individual size to get the best look, but this is a good starting point because it lets you quickly preview your icon at all sizes.
1) iPhone 5 (4 inch screen)
According to the explanation on page 51 in iOS Human Interface Guidelines,
we shouldn’t use the extra space to display an additional bar or banner.
However, we would like to make the extra space more artistic in order to
improve the design quality of the game. In fact, we are going to decorate
the space with beautiful design patterns.
By doing this, we are sure that we can provide rich game experience
to our customers. Are there any problems to implement this artwork?
2) Retina Display
We think we should make our existing image resources( App icon,
App icon for the AppStore,Launch image) adjust to the Retina Display.
In addition, we might need to add the #2ⅹ suffix to all files and
scale up all image resources to 200%. We would like to know
the details about the requirements to meet the criteria for Retina Display.
What are we supposed to do?
does somebody know the MINIMUM regulation which take effect from May 1?
this is my first question.
thank you for your help.
1) I don't think there won't be any issue in adding artwork for iphone 5. But ensure it doesn't screw up look & feel in iPhone 4 ( 3.5 " screen)
2) Here is the apple spec which explains about retina images
iPhone -> App icon (required)
NON RETINA: 57 x 57 pixels
RETINA: 114 x 114 pixels (#2x)
http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW5
http://www.idev101.com/code/User_Interface/launchImages.html
Another point you need to take care is ensure to remove [uidevice currentdevice uniqueidentifier] ( deprecated in iOS 5)
Thanks,
Senthil
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.
I really don't like that sheen it puts on my image, does anyone know a way to get rid of it?
On apple doc, it is says:
Create a 512 x 512 pixel version of your application icon for display in the App Store.[...] There are no visual effects added to this version of your application icon.
To not having shine of app icons, you have to set UIPrerenderedIcon key to your application’s Info.plist file