title: Multiple "apple-touch-startup-image" resolutions for iOS web app (esp. for iPad)?
body: <p>I've written an HTML5-based iOS web application and all seems to be working well, but I'm trying to polish it up with multiple startup screens. The iPhone/iPod touch works well w/a PNG of 320x460, as follows:</p>
  
  <pre><code>&lt;link rel="apple-touch-startup-image" href="img/startup_screen-320x460.png" /&gt;
  </code></pre>
  
  <p>I found plenty of documentation that says the startup images for the iPad should, like the iPhone/iPod touch, have the 20px shaved from the height to accommodate for the status bar giving resolutions of 768x1004 (portrait) or 1024x748 (landscape). However, in my testing (currently w/an iPad running iOS 3.2.2), only the 768x1004 (portrait) resolution works (but is incorrect—20px too narrow—when in landscape mode).</p>
  
  <p>I've tried the following (a wild guess based on the functionality of the <code>apple-touch-icon</code> links), to no avail:</p>
  
  <pre><code>&lt;link rel="apple-touch-startup-image" href="img/startup_screen-320x460.png" /&gt;
  &lt;link rel="apple-touch-startup-image" sizes="1024x748" href="img/startup_screen-1024x748.png" /&gt;
  &lt;link rel="apple-touch-startup-image" sizes="768x1004" href="img/startup_screen-768x1004.png" /&gt;
  </code></pre>
  
  <p>Only the 768x1004 resolution image works if it's the last <code>link</code> element listed. If the 1024x748 resolution image is last, a gray background is rendered in its stead (but never the 768x1004). So, obviously the <code>apple-touch-startup-image</code> <code>link</code> doesn't support the <code>sizes</code> attribute.</p>
  
  <p>Is this supported in newer versions of the iOS? Is there any way to support multiple startup images? Should I create a 1024x768 startup image? If so, will is be scaled down for the iPhone/iPod touch? Or, should I just give up and not have a startup image for the iPad?</p>