adding a custom favicon for the iPhone or iTouch is easy (plus it’s extra nice to see your custom icon when you bookmark the site). going forward it’s a good idea to create a standard favicon for your site (or a client’s site), along with the favicon for the iPhone. here’s how:
step 1: create your favicon at 57 x 57 pixels. save it as a .png and name it
favicon.png (yes, .png, not .ico. the .ico format is for the browser favicon).
step 2: upload it to the root directory for your site. (the same spot you would upload your favicon.ico file)
step 3: add this line within the
<link rel="apple-touch-icon" href="/favicon.png" />
that’s it! nice and easy.