- - Code, Content, and Presentation
- -- HTML
- ---- Apple Touch Icon is the favicon.ico for the iPhone
Clark - 4:33 am on Jan 29, 2008 (gmt 0)
Heads up. Remember when you were the first on the block with the favicon.ico? Well now you can be first to support something similar for the iPhone.
Create a file called apple-touch-icon.png and instead of a screenshot, you can specify the image you want.
|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 <link> element similar to <link rel="apple-touch-icon" href="/customIcon.png"/> within the <head> element of the page.
The bookmark icon dimensions should be 57x57 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.
Thread source: http://www.webmasterworld.com/html/3560399.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com