iPhone enhancements for webapps and websites

To add icon to your homescreen. you need to create graphic to 58px x 58px


with the half glare:

<link rel=”apple-touch-icon-precomposed” href=”img/icon.png”/>



<link rel=”apple-touch-icon” href=”img/icon.png”/>


Loading splash page – graphic need to be 320px x 460px:

<link rel=”apple-touch-startup-image” href=”img/splash.png” />


Make your web app / website full screen:

<meta name=”apple-mobile-web-app-capable” content=”yes” />


Status bar style:

<meta name=”apple-mobile-web-app-status-bar-style” content=”default” /><br />

<meta name=”apple-mobile-web-app-status-bar-style” content=”black” /><br />

<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />


Comments are closed