views:

476

answers:

3

In iPhone web applications you supposedly can define a custom splash screen that will appear while the site is loading (when loading the site from a saved bookmark icon on the home page). The point is to make the web app startup experience feel a lot more like a real iphone application.

I believe the syntax is like this:

<link rel="apple-touch-startup-image" href="/splash.png" /> (placed in the <head> section of the page).

Where splash.png is a vertically oriented 320x460 image.

I can't seem to get it work... does anybody have any tips and tricks for this?

+1  A: 

Apple doesn't have much in the way of documentation on this topic (see this URL).

A couple of things to note:

  • The code snippet you provided assumes your image is living at http://yourdomain.com/splash.png
  • This only works for iPhone OS 3.0 and later
  • The image must be a PNG
  • The image is only displayed until the page's DOM is ready

You can also use the following code to explicitly set the web app icon:

<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
richleland
+1  A: 

Make sure it is 320x460 pixels.

You already said that, but that was the solution for me.

Sebastián Grignoli
A: 

Thank you very much Sebastián Grignoli, you have saved my time. Thanks :)

Siju A S