iPhone Dev Center

Useful tips on developing with iPhone capabilities in mind.

iPhone and iPod touch allow a user to save a WebClip bookmark to your site on their Home Screen.

To specify a bookmark icon for all pages of a web site, place a PNG image named “apple-touch-icon.png” at the root directory of your web server - similar to the “favicon.ico” for site icons.

To override the site bookmark icon on a specific web page, insert a element similar to within the element of the page.

The bookmark icon dimensions should be 57×57 pixels. If the icon is a different size it will be scaled and cropped to fit.

Safari will automatically composite the icon with the standard “glassy” overlay so it looks like a built-in iPhone or iPod application.

iPhone Dev Center

Share and Enjoy:
  • Digg
  • del.icio.us
  • Netvouz
  • description
  • ThisNext
  • MisterWong
  • Wists

Leave a Reply

You must be logged in to post a comment.