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.
Related
I have made an app using phonegap, HTML and javascript. I have uploaded the app several time to iTunes connect to test and now suddenly i am getting the message that i do not have the icons in the following formats.
120 x 120
152 x 152
76 x 76
However I have the icons located in the route folder so they are at res/ios/icon/
and here is the information in my config file.
<platform name="ios">
<!-- iOS 8.0+ -->
<!-- iPhone 6 Plus -->
<icon src="res/ios/icon/icon-60#3x.png" width="180" height="180" />
<!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch -->
<icon src="res/ios/icon/icon-60.png" width="60" height="60" />
<icon src="res/ios/icon/icon-60#2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="res/ios/icon/icon-76.png" width="76" height="76" />
<icon src="res/ios/icon/icon-76#2x.png" width="152" height="152" />
<!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="res/ios/icon/icon-40.png" width="40" height="40" />
<icon src="res/ios/icon/icon-40#2x.png" width="80" height="80" />
<!-- iPhone / iPod Touch -->
<icon src="res/ios/icon/icon.png" width="57" height="57" />
<icon src="res/ios/icon/icon#2x.png" width="114" height="114" />
<!-- iPad -->
<icon src="res/ios/icon/icon-72.png" width="72" height="72" />
<icon src="res/ios/icon/icon-72#2x.png" width="144" height="144" />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="res/ios/icon/icon-small.png" width="29" height="29" />
<icon src="res/ios/icon/icon-small#2x.png" width="58" height="58" />
<!-- iPad Spotlight and Settings Icon -->
<icon src="res/ios/icon/icon-50.png" width="50" height="50" />
<icon src="res/ios/icon/icon-50#2x.png" width="100" height="100" />
</platform>
Can anybody tell me if i have done this wrong? I am currently using build.phonegap to build the apps.
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>
Trying to submit my phonegap app on iTunes Connect, got this errors:
Here my config.xml:
<icon src="icon.png" />
<platform name="android">
<icon src="www/res/android/icon.png" />
</platform>
<platform name="ios">
<!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="www/res/ios/icon-40.png" width="40" height="40" />
<icon src="www/res/ios/icon-40#2x.png" width="80" height="80" />
<!-- iPad Spotlight and Settings Icon -->
<icon src="www/res/ios/icon-50.png" width="50" height="50" />
<icon src="www/res/ios/icon-50#2x.png" width="100" height="100" />
<!-- iPhone / iPod Touch -->
<icon src="www/res/ios/icon-57.png" width="57" height="57" />
<icon src="www/res/ios/icon-57#2x.png" width="114" height="114" />
<!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch -->
<icon src="www/res/ios/icon-60.png" width="60" height="60" />
<icon src="www/res/ios/icon-60#2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="www/res/ios/icon-72.png" width="72" height="72" />
<icon src="www/res/ios/icon-72#2x.png" width="144" height="144" />
<!-- iPad -->
<icon src="www/res/ios/icon-76.png" width="76" height="76" />
<icon src="www/res/ios/icon-76#2x.png" width="152" height="152" />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="www/res/ios/icon-small.png" width="29" height="29" />
<icon src="www/res/ios/icon-small#2x.png" width="58" height="58" />
</platform>
I've already tried to move config xml to /www folder but the same problem occurs.
Can someone help me? Where is my mistake?
#felipe,
I have working examples for Phonegap Build. You can borrow from here:
https://github.com/jessemonroy650/Phonegap-Splashscreen-Test
Best of Luck
Try to create new directory in root (not www) of your project and place there your icons. Config.xml also should be in a root of the project.
For example
<icon src="icons/res/ios/icon-40.png" width="40" height="40" />
You can also upload your icons manually using xcode.
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.
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.