Web App Startup Images for iOS Devices

gistfile1.html

<!-- iPhone - 320x460 -->
<link href="touch-startup-iphone.png"
      media="(device-width: 320px) and (device-height: 480px)
         and (-webkit-device-pixel-ratio: 1)"
      rel="apple-touch-startup-image">

<!-- iPhone (Retina) - 640x920 -->
<link href="touch-startup-iphone-retina.png"
      media="(device-width: 320px) and (device-height: 480px)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">

<!-- iPhone 5+ (Retina) - 640x1096 -->
<link href="touch-startup-iphone-tall-retina.png"
      media="(device-width: 320px) and (device-height: 568px)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">

<!-- iPad & iPad Mini- Portrait - 768x1004 -->
<link href="touch-startup-ipad-portrait.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: portrait)
         and (-webkit-device-pixel-ratio: 1)"
      rel="apple-touch-startup-image">

<!-- iPad & iPad Mini - Landscape - 748x1024 -->
<link href="touch-startup-ipad-landscape.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: landscape)
         and (-webkit-device-pixel-ratio: 1)"
      rel="apple-touch-startup-image">

<!-- iPad (Retina) - Portrait - 1536x2008 -->
<link href="touch-startup-ipad-retina-portrait.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: portrait)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">
      
<!-- iPad (Retina) - Landscape - 1496x2048 -->
<link href="touch-startup-ipad-retina-landscape.png"
      media="(device-width: 768px) and (device-height: 1024px)
         and (orientation: landscape)
         and (-webkit-device-pixel-ratio: 2)"
      rel="apple-touch-startup-image">