title: PhoneGap Build: icons and splashscreens are not displayed correctly
body: <p>I have the problem that android and ios icons are not included correctly when I build the app with Phonegap Build.</p>
  
  <p>The config.xml part is as follows:</p>
  
  <pre><code>&lt;icon src="www/res/icon/icon.png" /&gt;
  &lt;splash src="www/res/screen/splash.jpg" /&gt;
  
  &lt;platform name="android"&gt;
      &lt;icon src="www/res/icon/android/icon-ldpi.png" density="ldpi" /&gt;
      &lt;icon src="www/res/icon/android/icon-mdpi.png" density="mdpi" /&gt;
      &lt;icon src="www/res/icon/android/icon-hdpi.png" density="hdpi" /&gt;
      &lt;icon src="www/res/icon/android/icon-xhdpi.png" density="xhdpi" /&gt;
  
      &lt;splash gap:qualifier="port-hdpi" src="www/res/screen/android/screen-hdpi-port.png" width="480" height="800" /&gt;
      &lt;splash gap:qualifier="port-xhdpi" src="www/res/screen/android/screen-xhdpi-port.png" width="640" height="960" /&gt;
      &lt;splash gap:qualifier="land-hdpi" src="www/res/screen/android/screen-hdpi-land.jpg" width="800" height="480" /&gt;
      &lt;splash gap:qualifier="land-xhdpi" src="www/res/screen/android/screen-xhdpi-land.jpg" width="960" height="640" /&gt;
  &lt;/platform&gt;
  
  &lt;platform name="ios"&gt;
      &lt;!-- iOS 7.0+ --&gt;
      &lt;!-- iPhone / iPod Touch  --&gt;
      &lt;icon src="www/res/icon/ios/icon-60.png" width="60" height="60" /&gt;
      &lt;icon src="www/res/icon/ios/icon-60@2x.png" width="120" height="120" /&gt;
      &lt;icon src="www/res/icon/ios/icon-60@3x.png" width="180" height="180" /&gt;
      &lt;!-- iPad --&gt;
      &lt;icon src="www/res/icon/ios/icon-76.png" width="76" height="76" /&gt;
      &lt;icon src="www/res/icon/ios/icon-76@2x.png" width="152" height="152" /&gt;
      &lt;!-- iOS 6.1 --&gt;
      &lt;!-- Spotlight Icon --&gt;
      &lt;icon src="www/res/icon/ios/icon-40.png" width="40" height="40" /&gt;
      &lt;icon src="www/res/icon/ios/icon-40@2x.png" width="80" height="80" /&gt;
      &lt;!-- iPhone / iPod Touch --&gt;
      &lt;icon src="www/res/icon/ios/icon.png" width="57" height="57" /&gt;
      &lt;icon src="www/res/icon/ios/icon@2x.png" width="114" height="114" /&gt;
      &lt;!-- iPad --&gt;
      &lt;icon src="www/res/icon/ios/icon-72.png" width="72" height="72" /&gt;
      &lt;icon src="www/res/icon/ios/icon-72@2x.png" width="144" height="144" /&gt;
      &lt;!-- iPhone Spotlight and Settings Icon --&gt;
      &lt;icon src="www/res/icon/ios/icon-small.png" width="29" height="29" /&gt;
      &lt;icon src="www/res/icon/ios/icon-small@2x.png" width="58" height="58" /&gt;
      &lt;!-- iPad Spotlight and Settings Icon --&gt;
      &lt;icon src="www/res/icon/ios/icon-50.png" width="50" height="50" /&gt;
      &lt;icon src="www/res/icon/ios/icon-50@2x.png" width="100" height="100" /&gt;
  
      &lt;!-- Splash sreens --&gt;
      &lt;splash src="www/res/screen/ios/screen-iphone-portrait-2x.png" height="960" width="640" /&gt;
      &lt;splash src="www/res/screen/ios/screen-iphone-landscape-2x.jpg" height="640" width="960" /&gt;
      &lt;splash src="www/res/screen/ios/screen-iphone-portrait-568h-2x.png" height="1136" width="640" /&gt;
      &lt;splash src="www/res/screen/ios/screen-iphone-landscape-568h-2x.jpg" height="640" width="1136" /&gt;
      &lt;splash src="www/res/screen/ios/screen-ipad-portrait.png" height="1024" width="768" /&gt;
      &lt;splash src="www/res/screen/ios/screen-ipad-landscape.jpg" height="768" width="1024" /&gt;
  &lt;/platform&gt;
  
  &lt;platform name="wp8"&gt;
      &lt;icon src="www/res/icon/wp/ApplicationIcon.png" width="99" height="99" /&gt;
      &lt;!-- tile image --&gt;
      &lt;icon src="www/res/icon/wp/Background.png" width="159" height="159" /&gt;  
      &lt;splash src="www/res/screen/wp/SplashScreenImage.png" width="768" height="1280"/&gt;
  &lt;/platform&gt;
  </code></pre>
  
  <p>The files do exist in said folders, they even show up inside the apk and ipa in <code>assets/www/res</code> and <code>payload/myApp.app/www/res</code>, respectively. But phonegap build does not copy them to <code>res/drawable-*</code> or <code>payload/myApp.app</code>. Instead, it uses the default icons and splashscreens (the <a href="http://cordova.apache.org/images/cordova_bot.png" rel="nofollow">Cordova bot</a> in Android and transparent images in iOS).</p>
  
  <p>The WP8 build, which is done locally, works like a charm.
  I already deleted the app in Phonegap Build and created it anew, but no icon changed, only the app id is a bit higher now.</p>
  
  <p>Do I have to put the icons in a special location, or is there a problem in config.xml?</p>
  
  <p>Update: I just looked into the debug output of iOS build. Some PNGs are copied around, but the ipa still contains the transparent icons in <code>Payload\MyApp.app</code>. Example copy log:</p>
  
  <pre><code>CopyPNGFile build/MyApp.app/icon-76.png MyApp/Resources/icons/icon-76.png
      cd /project
      /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/usr/bin/copypng -compress /project/MyApp/Resources/icons/icon-76.png /project/build/MyApp.app/icon-76.png
  </code></pre>
  
  <p>The same goes for android:</p>
  
  <pre><code>[crunch] Processing image to cache: /project/res/drawable-hdpi/icon.png =&gt; /project/bin/res/drawable-hdpi/icon.png
  [crunch]   (processed image to cache entry /project/bin/res/drawable-hdpi/icon.png: 67% size of source)
  </code></pre>
  
  <p>Well, I did define other directories/files in config.xml!</p>