He escrito una aplicación web iOS basada en HTML5 y todo parece estar funcionando bien, pero estoy tratando de pulirlo con múltiples pantallas de inicio. El iPhone / iPod touch funciona bien con un PNG de 320x460, de la siguiente manera:

<link rel="apple-touch-startup-image" href="img/startup_screen-320x460.png" />

Encontré mucha documentación que dice que las imágenes de inicio para el iPad deberían, como el iPhone / iPod touch, tener el 20px afeitado desde la altura para acomodar la barra de estado con resoluciones de 768x1004 (vertical) o 1024x748 (horizontal). Sin embargo, en mis pruebas (actualmente con un iPad con iOS 3.2.2), solo funciona la resolución 768x1004 (vertical) (pero es incorrecta, 20 píxeles demasiado estrecha, cuando está en modo horizontal).

He intentado lo siguiente (una suposición salvaje basada en la funcionalidad de laapple-touch-icon enlaces), en vano:

<link rel="apple-touch-startup-image" href="img/startup_screen-320x460.png" />
<link rel="apple-touch-startup-image" sizes="1024x748" href="img/startup_screen-1024x748.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="img/startup_screen-768x1004.png" />

Solo la imagen de resolución 768x1004 funciona si es la últimalink elemento listado. Si la imagen con resolución de 1024x748 es la última, se representa un fondo gris en su lugar (pero nunca el 768x1004). Entonces, obviamente elapple-touch-startup-image link no es compatible consizes atributo.

¿Es compatible con las versiones más recientes de iOS? ¿Hay alguna forma de soportar múltiples imágenes de inicio? ¿Debo crear una imagen de inicio de 1024x768? Si es así, ¿se reducirá para el iPhone / iPod touch? ¿O debería simplemente rendirme y no tener una imagen de inicio para el iPad?