Icon size for Newstand shelf in iPod? - ios

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.

Related

iOS App Store app icon: 1024x1024 or 3072x3072?

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.

Get retina scaled icons from iTunes search API

I'm pulling live icons in iTunes Appstore from the iTunes api:
http://www.apple.com/itunes/affiliates/resources/documentation/itunes-store-web-service-search-api.html#searchexamples
Like this
http://itunes.apple.com/lookup?country=JP&id=288210303
Down the json, there is this entry:
"artworkUrl60": "http://a689.phobos.apple.com/us/r30/Purple4/v4/e0/1e/4f/e01e4ff0-05dd-165a-534b-6de08c99a6b4/icon.png",
This image turns out to be a 57x57 pixel icon. Not enough for retina screens. How can I get other scales of the artwork? I don't think I'm supposed to get 1024x1024px versions and scale them down right?
So, I'm hoping to get 60x60 point scale 2 most of the time, ie 120x120 pixels. And for our iOS6 friends 57x57 points/114x114 pixels.

Xcode 5.02 Photoshop icon creation

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.

Where is the 1024x1024 app icon used?

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.

iOS does iTunes automatically crop your icon?

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.

Resources