When we build our app in Phonegap Build for iOS, when we submit it to the app store, we get errors about our icons in the IPA.
We get errors like "ERROR ITMS-9000: "Missing required icon file. The bundle does not contain an app icon for iPhone / iPod Touch of exactly '120x120' pixels, in .png for iOS version >= 7.0"
The problem is our config.xml, from all indications is correct.
Here is a link to it if you'd like to see for yourself: https://gist.github.com/marcusds/352afdf47d90d2b13ebb
We are including our icons with:
<icon src="www/res/icon/ios/icon-60.png" gap:platform="ios" width="60" height="60" />
<icon src="www/res/icon/ios/icon-60#2x.png" gap:platform="ios" width="120" height="120" />
<icon src="www/res/icon/ios/icon-76.png" gap:platform="ios" width="76" height="76" />
<icon src="www/res/icon/ios/icon-76#2x.png" gap:platform="ios" width="152" height="152" />
Is that not correct?
What could we be doing incorrectly?
Change path of both the icon & splash screen from www/res/icon/ios/.. to res/icon/ios/ in your config.xml.
i.e.
<icon src="www/res/icon/ios/icon-60.png" gap:platform="ios" width="60" height="60"/>
<icon src="www/res/icon/ios/icon-60#2x.png" gap:platform="ios" width="60" height="60"/>
...
to this
<icon src="res/icon/ios/icon-60.png" gap:platform="ios" width="60" height="60" />
<icon src="res/icon/ios/icon-60#2x.png" gap:platform="ios" width="60" height="60"/>
...
Hope it works Now, Good luck.
Related
My IOS application is created with phonegap build which was not showing its Icon/Launch Image.
I have include icon image in res/icon/ios folder with size 57*57, 114*114, 40*40, 80*80, 120*120, 50*50, 100*100, 60*60, 120*120, 180*180, 72*72, 144*144, 76*76, 152*152, 29*29, 58*58, 87*87 .And Config file having path to icon image is
<icon src="icon.png"/>
<platform name="ios">
<icon src="res/icon/ios/icon.png" width="57" height="57"/>
<icon src="res/icon/ios/icon#2x.png" width="114" height="114"/>
<icon src="res/icon/ios/icon-40.png" width="40" height="40"/>
<icon src="res/icon/ios/icon-40#2x.png" width="80" height="80"/>
<icon src="res/icon/ios/icon-50.png" width="50" height="50"/>
<icon src="res/icon/ios/icon-50#2x.png" width="100" height="100"/>
<icon src="res/icon/ios/icon-60.png" width="60" height="60"/>
<icon src="res/icon/ios/icon-60#2x.png" width="120" height="120"/>
<icon src="res/icon/ios/icon-60#3x.png" width="180" height="180"/>
<icon src="res/icon/ios/icon-72.png" width="72" height="72"/>
<icon src="res/icon/ios/icon-72#2x.png" width="144" height="144"/>
<icon src="res/icon/ios/icon-76.png" width="76" height="76"/>
<icon src="res/icon/ios/icon-76#2x.png" width="152" height="152"/>
<icon src="res/icon/ios/icon-small.png" width="29" height="29"/>
<icon src="res/icon/ios/icon-small#2x.png" width="58" height="58"/>
<icon src="res/icon/ios/icon-small#3x.png" width="87" height="87"/>
<icon height="87" src="res/icon/ios/icon-87.png" width="87" />
<icon height="58" src="res/icon/ios/icon-58.png" width="58" />
My www folder structure is
and res/icon/ios structure is
But Ios build version completely ignored this icon images.
I create ipa file with build.phonegap.com , and to check icon image , I extract this ipa file , then get file structure like Payload/ShreeMedical.app contaning various size AppIcon and LaunchImages and but all are black image not my icon image.
Untitled.pngHow to solve this problem.
You have that icons names will match icons names in info.plist file
check your app icons here Assets.xcassets -> AppIcon.appiconset , there has Contents json and icon images you can give image names in json and images in that folder then it automatically set.
same for launch images also "Assets.xcassets -> LaunchImage.launchimage" give names in Contents json and give images in the same folder
once check below image for reference
I'm running into an issue delivering my app using Adobe's PhoneGapBuild. I'm getting an error in Application Loader that prevents me from proceeding.
"ERROR ITMS-90023: "Missing required icon file. The bundle does not contain an app icon for iPad of exactly '72x72' pixels, in .png format for iOS versions < 7.0."
I've noted other similar postings to try an eliminate the issue but it still persists. I've triple checked and rewritten my config.xml, verified the file is pathed properly, renamed the file to the exact file name used in the PhoneGap documentation, verified the file dimensions and recreated the file from scratch.
Nothing I've done so far is getting rid of this error.
Here's a screen grab of the "res/icons/ios/" directory.
enter image description here
Here's what my config.xml is for the ios icons:
<platform name="ios">
<!-- iOS 8.0+ -->
<!-- iPhone 6 Plus -->
<icon src="res/icons/ios/icon-60#3x.png" width="180" height="180" />
<!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch -->
<icon src="res/icons/ios/icon-60.png" width="60" height="60" />
<icon src="res/icons/ios/icon-60#2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="res/icons/ios/icon-76.png" width="76" height="76" />
<icon src="res/icons/ios/icon-76#2x.png" width="152" height="152" />
<!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="res/icons/ios/icon-40.png" width="40" height="40" />
<icon src="res/icons/ios/icon-40#2x.png" width="80" height="80" />
<!-- iPhone / iPod Touch -->
<icon src="res/icons/ios/icon.png" width="57" height="57" />
<icon src="res/icons/ios/icon#2x.png" width="114" height="114" />
<!-- iPad -->
<icon src="res/icons/ios/icon-72.png" width="72" height="72" />
<icon src="res/icons/ios/icon-72#2x.png" width="144" height="144" />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="res/icons/ios/icon-small.png" width="29" height="29" />
<icon src="res/icons/ios/icon-small#2x.png" width="58" height="58" />
<!-- iPad Spotlight and Settings Icon -->
<icon src="res/icons/ios/icon-50#2x.png" width="100" height="100" />
<!-- images are determined by width and height. The following are supported -->
<splash src="res/splash/ios/splash-iphone.png" gap:platform="ios" width="320" height="480"/>
<splash src="res/splash/ios/splash-2x-iphone.png" gap:platform="ios" width="640" height="960"/>
<splash src="res/splash/ios/splash-portrait-ipad.png" gap:platform="ios" width="768" height="1024"/>
<splash src="res/splash/ios/splash-portrait-2x-ipad.png" gap:platform="ios" width="1536" height="2048"/>
<splash src="res/splash/ios/splash-landscape-ipad.png" gap:platform="ios" width="1024" height="768"/>
<splash src="res/splash/ios/splash-landscape-2x-ipad.png" gap:platform="ios" width="2048" height="1536"/>
<splash src="res/splash/ios/splash-568h-2x-iphone.png" gap:platform="ios" width="640" height="1136"/>
<splash src="res/splash/ios/splash-667h.png" gap:platform="ios" width="750" height="1334"/>
<splash src="res/splash/ios/splash-736h.png" gap:platform="ios" width="1242" height="2208"/>
<splash src="res/splash/ios/splash-landscape-736h.png" gap:platform="ios" width="2208" height="1242"/>
</platform>
I have developed a phonegap application which is running absolutely fine on iPhone. Now, I want to submit the app to the appstore. Following is the procedure I am following to submit my app:
Open Xcode and archive the project
Click on validate (which is successful)
Click on Submit to appstore (which is where I am getting the following error)
Not sure, where I am going wrong. And I have written the following in config.xml and all the icons of perfect dimensions are there in the icons folder including icon.png of 57x57 dimension:
<platform name="ios">
<!-- iOS 8.0+ -->
<!-- iPhone 6 Plus -->
<icon src="Resources/icons/icon-60#3x.png" width="180" height="180" />
<!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch -->
<icon src="Resources/icons/icon-60.png" width="60" height="60" />
<icon src="Resources/icons/icon-60#2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="Resources/icons/icon-76.png" width="76" height="76" />
<icon src="Resources/icons/icon-76#2x.png" width="152" height="152" />
<!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="Resources/icons/icon-40.png" width="40" height="40" />
<icon src="Resources/icons/icon-40#2x.png" width="80" height="80" />
<!-- iPhone / iPod Touch -->
<icon src="Resources/icons/AppIcon57x57.png" width="57" height="57" />
<icon src="Resources/icons/AppIcon29x29.png" width="29" height="29" />
<icon src="Resources/icons/icon.png" width="57" height="57" />
<icon src="Resources/icons/icon#2x.png" width="114" height="114" />
<!-- iPad -->
<icon src="Resources/icons/icon-72.png" width="72" height="72" />
<icon src="Resources/icons/icon-72#2x.png" width="144" height="144" />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="Resources/icons/icon-small.png" width="29" height="29" />
<icon src="Resources/icons/icon-small#2x.png" width="58" height="58" />
<!-- iPad Spotlight and Settings Icon -->
<icon src="Resources/icons/icon-50.png" width="50" height="50" />
<icon src="Resources/icons/icon-50#2x.png" width="100" height="100" />
</platform>
The issue was the images were interlaced and so the error. Make sure the png files that you upload are NOT INTERLACED.
This fixed my issue.
I had got this one before. I resloved this by: Opening images.xcassets folder in Xcode, tapping on AppIcon and then manually dragging and dropping the respective app icons in each field. Luckily I had comps for all fields and I was able to solve it. Hope this information help.
I have seen a lot of different approaches to this but none seem to work for me. What is the straightforward way to set iOS app icons for a vanilla touch 2.3.1 + phonegap project with cmd 4? I have all the files in /resources/icons and have set the appropriate paths in /config.xml like this:
<icon gap:platform="ios" height="57" src="resources/icons/Icon.png" width="57" />
<icon gap:platform="ios" height="72" src="resources/icons/Icon-72.png" width="72" />
<icon gap:platform="ios" height="114" src="resources/icons/Icon#2x.png" width="114" />
<icon gap:platform="ios" height="144" src="resources/icons/Icon-72#2x.png" width="144" />
but no dice even with variations of "www/resources", "../resources" etc. is there some kind of cache that needs to be cleared? What about for splash and loading icons too? This seems to be a hole in the docs.
Thanks!
I guess you are using wrong size. Try one of these:
<platform name="ios">
<!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch -->
<icon src="res/icon/ios/icon-60.png" width="60" height="60" />
<icon src="res/icon/ios/icon-60#2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="res/icon/ios/icon-76.png" width="76" height="76" />
<icon src="res/icon/ios/icon-76#2x.png" width="152" height="152" />
<!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="res/icon/ios/icon-40.png" width="40" height="40" />
<icon src="res/icon/ios/icon-40#2x.png" width="80" height="80" />
<!-- iPhone / iPod Touch -->
<icon src="res/icon/ios/icon.png" width="57" height="57" />
<icon src="res/icon/ios/icon#2x.png" width="114" height="114" />
<!-- iPad -->
<icon src="res/icon/ios/icon-72.png" width="72" height="72" />
<icon src="res/icon/ios/icon-72#2x.png" width="144" height="144" />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="res/icon/ios/icon-small.png" width="29" height="29" />
<icon src="res/icon/ios/icon-small#2x.png" width="58" height="58" />
<!-- iPad Spotlight and Settings Icon -->
<icon src="res/icon/ios/icon-50.png" width="50" height="50" />
<icon src="res/icon/ios/icon-50#2x.png" width="100" height="100" />
</platform>
<!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch -->
<icon src="res/icon/ios/icon-60.png" gap:platform="ios" width="60" height="60" />
<icon src="res/icon/ios/icon-60#2x.png" gap:platform="ios" width="120" height="120" />
<!-- iPad -->
<icon src="res/icon/ios/icon-76.png" gap:platform="ios" width="76" height="76" />
<icon src="res/icon/ios/icon-76#2x.png" gap:platform="ios" width="152" height="152" />
<!-- Settings Icon -->
<icon src="res/icon/ios/icon-small.png" gap:platform="ios" width="29" height="29" />
<icon src="res/icon/ios/icon-small#2x.png" gap:platform="ios" width="58" height="58" />
<!-- Spotlight Icon -->
<icon src="res/icon/ios/icon-40.png" gap:platform="ios" width="40" height="40" />
<icon src="res/icon/ios/icon-40#2x.png" gap:platform="ios" width="80" height="80" />
<!-- iOS 6.1 -->
<!-- iPhone / iPod Touch -->
<icon src="res/icon/ios/icon.png" gap:platform="ios" width="57" height="57" />
<icon src="res/icon/ios/icon#2x.png" gap:platform="ios" width="114" height="114" />
<!-- iPad -->
<icon src="res/icon/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
<icon src="res/icon/ios/icon-72#2x.png" gap:platform="ios" width="144" height="144" />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="res/icon/ios/icon-small.png" gap:platform="ios" width="29" height="29" />
<icon src="res/icon/ios/icon-small#2x.png" gap:platform="ios" width="58" height="58" />
<!-- iPad Spotlight and Settings Icon -->
<icon src="res/icon/ios/icon-50.png" gap:platform="ios" width="50" height="50" />
<icon src="res/icon/ios/icon-50#2x.png" gap:platform="ios" width="100" height="100" />
I have listed down all the required resolution, name of icons and name of splash screens.
After naming all PNG files you need to put into the icons and splash folder which you can find in /ExampleApp/Platform/ios/ExampleApp/Resources folder.
For more details on your issues, you should read and follow this.
I've done this before without issue with another app, and the development version works fine on an iPhone 4, iPhone 5S and an iPad Mini all running the latest version of iOS7. I'm using the same set-up as for the other app but for this one but I get this error:
ERROR ITMS-9000: "Invalid Image Path - No image found at the path referenced under key 'CFBundleIconFiles':'icon.png'" at SoftwareAssests/SoftwareAsset (MZItmspSoftwareAssetPAckage)
This error is repeated once in Application Loader.
My icon.png is in the root folder, as it should be (I understand) and this the relevant bit of my config.xml:
<!-- Icons -->
<!-- Android -->
<icon src="icon.png" />
<!-- iOS -->
<!-- iPhone / iPod Touch -->
<icon src="img/ios/icon/icon.png" gap:platform="ios" width="57" height="57" />
<icon src="img/ios/icon/icon-60.png" gap:platform="ios" width="60" height="60" />
<icon src="img/ios/icon/icon-60#2x.png" gap:platform="ios" width="120" height="120" />
<!-- iPad -->
<icon src="img/ios/icon/icon-76.png" gap:platform="ios" width="76" height="76" />
<icon src="img/ios/icon/icon-76#2x.png" gap:platform="ios" width="152" height="152" />
<!-- Settings Icon -->
<icon src="img/ios/icon/icon-small.png" gap:platform="ios" width="29" height="29" />
<icon src="img/ios/icon/icon-small#2x.png" gap:platform="ios" width="58" height="58" />
<!-- Spotlight Icon -->
<icon src="img/ios/icon/icon-40.png" gap:platform="ios" width="40" height="40" />
<icon src="img/ios/icon/icon-40#2x.png" gap:platform="ios" width="80" height="80" />
<!-- Splash Screens -->
<!-- Android -->
<gap:splash src="splash.png" />
<!-- iPhone and iPod touch -->
<gap:splash src="img/ios/splash/Default.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="img/ios/splash/Default#2x.png" gap:platform="ios" width="640" height="960" />
<!-- iPhone 5 / iPod Touch (5th Generation) -->
<gap:splash src="img/ios/splash/Default-568h#2x.png" gap:platform="ios" width="640" height="1136" />
<!-- iPad -->
<gap:splash src="img/ios/splash/Default-Portrait.png" gap:platform="ios" width="768" height="1024" />
<gap:splash src="img/ios/splash/Default-Landscape.png" gap:platform="ios" width="1024" height="768" />
<!-- Retina iPad -->
<gap:splash src="img/ios/splash/Default-Portrait#2x.png" gap:platform="ios" width="1536" height="2048" />
<gap:splash src="img/ios/splash/Default-Landscape#2x.png" gap:platform="ios" width="2048" height="1536" />
I added an extra icon.png in img/ios/icons just to test things, because that's what works for iOS6 and because there is no other "pure" icon.png in the img/ios/icons folder. It shouldn't need it though as the default
in the root folder should work.
Can anyone tell me what the problem is?
I found a solution. It's not (afaik) the "proper" way to do it - my version should work - but it was given to me by a PGB employee.
I added
<icon src="icon.png" gap:platform="ios" width="57" height="57"/>
I'm posting this because until the PGB iOS icon issue is fixed (and many people are having the same) this will be invaluable.
And when the issue is fixed it will be obsolete. Such is life.