When checking that iPad Retina touch icon size, I noticed one can also set-up a "startup image" that shows up when a user launches your Web application. Any chance this could get added to AdaptiveTheme to keep those touch and startup icons together and easily accessible/editable? The image is 320x480 portrait. Didn't know about this but is a good addition and having it with the other icons would make it easy to account-for.

Here's what Apple had to say:
https://developer.apple.com/library/ios/documentation/AppleApplications/...

Specifying a Startup Image

On iOS, similar to native applications, you can specify a startup image that is displayed while your web application launches. This is especially useful when your web application is offline. By default, a screenshot of the web application the last time it was launched is used. To set another startup image, add a link element to the webpage, as in:

<link rel="apple-touch-startup-image" href="/startup.png">
In the above example, replace startup.png with your startup screen filename. On iPhone and iPod touch, the image must be 320 x 480 pixels and in portrait orientation.

Comments

deanflory’s picture

For anyone wanting to implement this now in their site, this is the easiest way to produce these in your theme's HEAD:

Edit your theme's template.php file to include this for both the startup image and the black status bar style.

function yourthemenamehere_preprocess_html(&$vars) {

$apple_touch_startup_image = array(
  '#tag' => 'link', 
  '#attributes' => array(
    'rel' => 'apple-touch-startup-image', 
    'href' => '/sites/all/themes/yourthemenamehere/images/touch/startup.png',
  ),
);
drupal_add_html_head($apple_touch_startup_image, 'apple-touch-startup-image');

$apple_mobile_web_app_status_bar_style = array(
  '#tag' => 'meta', 
  '#attributes' => array(
    'name' => 'apple-mobile-web-app-status-bar-style', 
    'content' => 'black',
  ),
);
drupal_add_html_head($apple_mobile_web_app_status_bar_style, 'apple-mobile-web-app-status-bar-style');

}
deanflory’s picture

A module that can do this for you is WebApp:
http://drupal.org/project/webapp