title: PhoneGap is not loading correct icons/splash screens for iOS
body: <p>I'm building a Sencha Touch + PhoneGap app for android and iOS (iPhone &amp; iPad). I'm having major issues with PhoneGap choosing the correct icons and splash screens to display for the correct devices.</p>
  
  <p><strong>For example:</strong> 
  Android loads the correct main icon, however, it will load a splash screen that is very pixelated (I believe its loading one for the 320x460 iphone screen.)</p>
  
  <p>iOS on both iPhone and iPad are showing the android icon and not loading the correct splash screens. </p>
  
  <p>I'm really stuck on this and would appreciate any input on the matter, thanks in advance!</p>
  
  <p>My code for config.xml is below:</p>
  
  <pre><code>    &lt;icon src="res/icons/icon.png" /&gt;
  
      &lt;icon src="res/icons/icon-blackberry-92.png" default="true" /&gt;
      &lt;icon src="res/icons/icon-blackberry-92-hover.png" hover="true" /&gt;
  
      &lt;icon src="res/icons/icon.png" width="57" height="57"/&gt; 
      &lt;icon src="res/icons/icon-72.png" width="72" height="72"/&gt; 
      &lt;icon src="res/icons/icon@2x.png" width="114" height="114"/&gt; 
  
      &lt;icon src="res/icons/icon-android-36.png" width="36" height="36"/&gt; 
      &lt;icon src="res/icons/icon-android-48.png" width="48" height="48"/&gt; 
      &lt;icon src="res/icons/icon-android-72.png" width="72" height="72"/&gt;
  
      &lt;gap:splash src="res/splash/Default@2x.png" width="640" height="960" /&gt;
      &lt;gap:splash src="res/splash/Default.png" width="320" height="460" /&gt;
      &lt;gap:splash src="res/splash/splash-screen-ios-ipad.png" width="786" height="1024" /&gt;
      &lt;gap:splash src="res/splash/splash-screen-400x800.png" width="400" height="800" /&gt;
  
      &lt;gap:splash src="res/splash/Default.png" /&gt;
  </code></pre>