One of my favorite things to do when completing a site is to create an iPhone bookmark icon. It’s a very simple and helps add to the brand experience of the site. It’s one of those minor things that most people don’t know about or do not bother to do.
All you need to do is create a 57×57 png file, display whatever logo or image you wish and save the file as apple-touch-icon.png and upload it into the root directory of the site. That’s it! When a user views the site and bookmarks the site to their Home Screen your new icon will display. It will automatically have the rounded edges and the glassy effect added.
Here are a few iPhone icons that we created.
