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.
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 have an phonegab build iOS App which in working fine more than 3 years. Yesterday my iOS App Binary Rejected by Apple review team. They mentioned some icons missing in app. Here is the full details they provide.
iPhone icon “TabletApplicationIconHD167” remains blank. For
information regarding app icons, you may want to refer to the iTunes
Connect Developer Guide
I can't get anything from google by searching "TabletApplicationIconHD167". I tested in iPhone 6 plus and working fine. Here I attach my icons list in my config.xml.
<platform name="ios">
<!-- iPhone / iPod Touch iOS 7.0+ -->
<icon src="res/ios/icons/icon-60.png" width="60" height="60" />
<icon src="res/ios/icons/icon-60#2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="res/ios/icons/icon-76.png" width="76" height="76" />
<icon src="res/ios/icons/icon-76#2x.png" width="152" height="152" />
<!-- Settings Icon -->
<icon src="res/ios/icons/icon-small.png" width="29" height="29" />
<icon src="res/ios/icons/icon-small#2x.png" width="58" height="58" />
<!-- Spotlight Icon -->
<icon src="res/ios/icons/icon-40.png" width="40" height="40" />
<icon src="res/ios/icons/icon-40#2x.png" width="80" height="80" />
<!-- iPhone / iPod Touch iOS 6.1-->
<!-- <icon src="res/ios/icons/icon.png" width="57" height="57" /> -->
<icon src="res/ios/icons/icon#2x.png" width="114" height="114" />
<!-- iPad -->
<icon src="res/ios/icons/icon-72.png" width="72" height="72" />
<icon src="res/ios/icons/icon-72#2x.png" width="144" height="144" />
<!-- iPhone Spotlight and Settings Icon -->
<!-- <icon src="res/ios/icons/icon-small.png" width="29" height="29" />
<icon src="res/ios/icons/icon-small#2x.png" width="58" height="58" /> -->
<!-- iPad Spotlight and Settings Icon -->
<icon src="res/ios/icons/icon-50.png" width="50" height="50" />
<icon src="res/ios/icons/icon-50#2x.png" width="100" height="100" />
<!-- iPhone 6 / 6+ -->
<icon src="res/ios/icons/icon-60#3x.png" width="180" height="180" />
I believe you need an app icon for the iPad Pro which is 167x167
App Icon Sizes
iPad Pro 167px × 167px (83.5pt × 83.5pt #2x)
I have visual studio 2015.Cordova 6 ios platform 4.0.1. I can't upload ipa to iTunes, I have problem for two days and still couldnt solve it.
ERROR ITMS-900032: "Invalid Image Path - No image found at the path
referenced under key 'CFBundleIconFile': 'icon.png'
I read similar problems in stack overflow no one solved my problem.
<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.png" width="50" height="50" />
<icon src="res/icons/ios/icon-50-2x.png" width="100" height="100" />
</platform>
above is my config.xml these ,Please help me about this problem. I am getting crazy for 2 days to see same problem.
A known issue: https://issues.apache.org/jira/browse/CB-10493
The Cordova 6.1.1 should have the fix. Change the Cordova version in config.xml designer in VS.
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.