iPhoneI hadn’t really thought about this and actually thought that the iPhone used the Favicon.ico as the image used for the icon on the iPhone.  I noticed when I attempted this, it was instead loading a full screen of the website and ignoring the Favicon I had on the site.  A simple Google search resolved this issue, but thought I’d throw down some of the basics.

If you’d like your site to have a custom icon appear on the springboard when people add it, create a 57px-57px PNG, save the image as apple-touch-icon.png, and upload it to the root folder of your site.

If you don’t have access to the root folder of your site, or you’d like to put the icon elsewhere, add the following line to the <head> of your site:

<link rel=”apple-touch-icon” href=”/path/to/filename.png” /> (Don’t forget to upload the file to that path).

Once done, test to insure that it is working correctly.