Categories
Mobile

Mobile: creating an icon for the iphone

When a user bookmark your web page, you can control the icon that will show on the iphone screen as the shortcut to your app as follows:

<link rel=”apple-touch-startup-image”
media=”(max-device-width: 480px) and not (-webkit-min-device-pixel-ratio: 2)”
href=”iphone.png” />

<link rel=”apple-touch-startup-image”
media=”(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)”
href=”iphone4.png” />

<link rel=”apple-touch-startup-image”
media=”(max-device-width: 1024px) and (orientation: portrait)”
href=”ipad-portrait.png” />

<link rel=”apple-touch-startup-image”
media=”(max-device-width: 1024px) and (orientation: landscape)”
href=”ipad-landscape.png” />

Leave a Reply

Your email address will not be published. Required fields are marked *