What icon size is used for iTunesConnect - ios

I submitted an App to Testflight. I uploaded the 1024x1024 icon file, and the application itself contains several other icon file sizes. I receive no errors on submission or warnings about missing icon files.
When I view the App in TestFlight, the icon appears.
However, when I view the App in the iPhone app "Connect" (which is iTunesConnect), the icon is blank in the "Recent Activity" or "Favorites" list. If I select the App to go to its "details" page, the icon shows.
What icon size/resolution do I need to add to my project, and is there a particular place I need to add it?

All you have to do is go the Application Setting -> General tab and add the AppIcon or in Images.xcast set the icon set and add the relavent icon sizes to the Images.xcast as in the Attached image
Further you can select different devices for the icon from the right side of the screen . just drag and drop the specific icons to there desire places

appicon.build is a very nice and simple site to convert your icons and launchImage in all different sizes available for iOS devices. I tried it several times.
Disclaimer: I'm not associated with them in any way.

Related

App Icons from MakeAppIcon didn't successfully appear

I went to MakeAppIcon and made them. Posted over there and deleted an icon called "App-Icon-76x76#2x.png". But when I launched on my iPad, the icon didn't appear. By the way, the other app is successfully appearing icon so I think this is not the iPad problem.
The icon 76x76#2x is used for Retina display on iPads, so if you delete it, you'll not see the icon.
So you need to create one from your original that makes 152px x 152px, it will normally avoid the yellow error.

how to set app icon of app in xamarin.forms app for IOS

i have idea about how to set app icon image where we were putting all respective size icon images in resource folder.
in recent xamarin update there is no need to add multiple size images for splash screen using storyboard.
so my question is there something also for app icon also? so we need not to add multiple icon images??
any suggestion most welcome.
Add in Asset Catalog.Add an different sizes of icon and set that in infoplist.
Go to Assets.xcassets in Xamarin ios project, you will get a default AppIcon image set there which is by default using Xamarin logo.
Replace those images with you icons, make sure the resolutions your image follows the required resolutions/pixels for each (1x,2x&3x) type of images.

Updating App icon for an iOS app

This question has been asked before also but i have a slightly different question to the previous ones or we can say an extended version
Q1) I tried updating the icon app by adding the image in asset catalog and pointing the "Target" app icon setting to that. The app icon is updated in my Xcode but not reflecting when i run the app.I read somewhere that i have to update this in my "Project" file as well. this can be done by following the path Project->General->App icon.
The problem is that this "General" panel is visible for me only in Target and not in "Project" File.I only have "Info" and "build Settings" for Project. I am using Xcode6.1
Q2) I'll go ahead and be optimistic in assuming that i'll get a solution for this which takes me to my second question.
Is it possible to dynamically update an app icon?
For eg-> i have my app icon as red, now once i launch my app i have a menu of colours to select from. Once i do select one colour say green.., my original app icon should update to green. so that when i minimize or quit my app the icon has turned to be green.One live example of this is the Calendar app and the Clock app available in iOS where the icon keeps changing relative to date and time
Thanks for the solutions in advance.
For your first question, I changed all my icons by simply creating a new icon set in Images.xcassets in the project Source tree. You will need to make sure you have icons of the right size for all your targets. You can either point your project at the new set or rename the old set and call your new set AppIcon. If you want to change the set name, the icons set used is defined in project settings in the general tab under the title "App Icons and Launch Images". Apart from that you should not need to do anything else. On the simulator, removing the app and restarting might help.
For your second question the answer would seem to be that you cannot but Apple can. Never noticed before, but the clock app icon actually has a moving second hand and has the current time. So clearly possible but looks like it is not allowed for normal folks: How to animate application icon in iOS?
You cannot dynamically update the app icon.
When you update the app icons (just the assets, no need to update project settings), clean and build your app in order to see the new ones. If you cannot see them, just delete and reinstall the app. Make sure that you include all the needed image resolutions for your icons.
Make sure that your icon asset is selected as the app icon.
No, you can't change your app and the resources in its bundle.
Apple's own apps are exceptions of course.

iOS how to set app icon and launch images

How do I set the images so that I can archive and validate my app? The screen looks like this now:
So the first one says 29pt, but then it also says 2x. So do I put a 29x29 image or a 58x58 image? And where do I put all of the other ones? (I know that there are more sizes than 29, 40, and 60).
Anyway, what I tried was I dragged a 29x29 png onto the first slot, a 40x40 onto the second, and a 60x60 onto the third and fourth. When I went to Product->Archive, I get
/Users/kendon/Documents/iPhone Apps/Sales Tool/Sales Tool/Images.xcassets: The app icon set named "AppIcon" did not have any applicable content.
I recently found this App called Icon Set Creator in the App Store which is free, without ads, updated on new changes, straight forward and works just fine for every possible icon size in OSX, iOS and WatchOS:
In Icon Set Creator:
Drag your image into the view
Choose your target platform
Export the Icon Set folder
In XCode:
Navigate to the Assets.xcassets Folder
Delete the pre existing AppIcon
Right click -> Import your created Icon-Set as AppIcon and you're done
Update: Unless you love resizing icons one by one, check out Schmoudi's answer. It's just a lot easier.
Icon sizes
Above image from Designing for iOS 9. They are the same for iOS 10.
How to Set the App Icon
Click Assets.xcassets in the Project navigator and then choose AppIcon.
This will give you an empty app icon set.
Now just drag the right sized image (in .png format) from Finder onto every blank in the app set. The app icon should be all set up now.
How to create the right sized images
The image at the very top tells the pixels sizes for for each point size that is required in iOS 9. However, even if I don't get this answer updated for future versions of iOS, you can still figure out the correct pixel sizes using the method below.
Look at how many points (pt) each blank on the empty image set is. If the image is 1x then the pixels are the same as the points. For 2x double the points and 3x triple the points. So, for example, in the first blank above (29pt 2x) you would need a 58x58 pixel image.
You can start with a 1024x1024 pixel image and then downsize it to the correct sizes. You can do it yourself or there are also websites and scripts for getting the right sizes. Do a search for "ios app icon generator" or something similar.
I don't think the names matter as long as you get the dimensions right, but the general naming convention is as follows:
Icon-29.png // 29x29 pixels
Icon-29#2x.png // 58x58 pixels
Icon-29#3x.png // 87x87 pixels
Launch Image
Although you can use an image for the launch screen, consider using a launch screen storyboard file. This will conveniently resize for every size and orientation. Check out this SO answer or the following documentation for help with this.
Useful documentation
App Icon
Launch Screen
The Xcode images in this post were created with Xcode 7.
To save a bit time:
1) You can mark your app icon images all in finder and drag them into your Assets catalog all at once by dragging into one of the empty slots of the app icon imageset. When you hold your drag over the slot, several of the other slots look selected and when you drop those all will be filled up at once. Note that this works in XCode 8 (I haven't tried XCode 7), but in XCode 9 beta not yet.
2) The "Technical Q&A QA1686" apple documentation site has the sizes per app icon slot already calculated for you in a nice image and also contains the correct image names conventions.
I've tried most of the above and a few others and have found https://appicon.co to be the easiest, fastest, and provides the most comprehensive set.
Drag your image onto the screen
Click Generate
Open the file just downloaded to your Downloads folder
Here, you may be able to drag this entire folder into Xcode. If not:
Double-click the Assets.xcassets folder
Select all files
Drag them to Assets.xcassets
Rename it to AppIcon
The correct sizes are as following:
1)58x58
2)80x80
3)120x120
4)180x180
I use a tool called Prepo to produce all the right image sizes. You simply feed the app you image file and it will spit out each necessary file with an appropriate name.
Once you do this, you can then drag in the appropriate files or simply point to your Prepo exported folder.
Now a days is really easy to set app-icon, just go to
https://makeappicon.com/ add your image, they will send you all size of App-icon (Also for watch & itunes as well), now Click Assets.xcassets in the Project navigator and then choose AppIcon. Now you just have to drag n drop the icon as required.
I found App called Iconizer. You can find repository on github. Iconizer can generate app icons for OS X, iPad, iPhone, CarPlay and Apple Watch with just one image.
Simply Drag and Drop your icon onto Iconizer, select the platforms you need and whether or not you want all platforms generated into one asset catalog, then hit export.
After that just replace (delete and import) your AppIcon in the Assets.xcassets
In the left list, right click on "AppIcon" and click on "Open in finder"
A folder with name "AppIcon.appiconset" will open.
Paste all the graphics with required resolution there.
Once done, all those images will be visible in this same screen(one in your screen shot). then drag them to appropriate box.
App icons have been added.
Same process for Launch images.
Launch images through this process are added for iOS 7 and below.
For iOS 8 separate LaunchScreen.xib file is made by default.
I quite like this app made by Jordi Bruin called Bakery
It allows emoji and SFSymbols for quick prototyping (not for the App Store in this case!)
It is as easy as drag and drop your design to the app and then again drag and drop to the asset catalog without having to fill in all the sizes by hand.
This is a very frustrating part of XCode. Like many, I wasted hours on this when I switched to a newer version of xcode (version 8). The solution for me was to open the properties for my project and under the "App Icons and Launch Images" choose the "migrate" option for the icons. This made absolutely no sense to me as I already had all my icons there, but it worked! Unfortunately I now seem to have two copies of my launcher icons in the project though.
As per updated version(Xcode 8.3.3) I saw that below resolution are required for all fields of AppIcon sets.
40x40
58x58
60x60
80x80
87x87
120x120
180x180
It comes with hdpi, xhdpi, xxhdpi etc.
Hope it will helps others.
Edited to 120x120
You can easily do it without resizing yourself or doing anything, just choose your icon at an app store icon generator website
https://getappscreenshots.com/app-icon-generator and it'll generate all required files and all icon sizes so you can just copy the files and paste in your project's folder!
You can get away with just adding a single image of size 1024*1024px.
Just add the image in like so
and select single size in the menu to the right.

How to set App Icons in Xcode 6.0.1

I am Setting up one of my old app with xcode 6.0.1 but It not showing up the icons on device as well as simulator.
Deleting the Images.xcassets not worked for me
as I was expecting that it will show me the listing of the icon where, I can select add Icons.
Then i tried to set the Icons via Images.xcassets but no luck it don't show up on device.
click on the Images.xcassets and on the right side view check for + icon and you can add the app icon from there.
You can use image.xcassests there is an option for app icon images to be added for iPhone and iPad both if the app is universal.
and another option to add is on the right side view check for + icon and you can add the app icon.
Is it critical whether to use xcassets catalog or not? If not, you may check your icon file in bundle resources and set it in app's plist file(delete other icons if they existed).

Resources