Custom iPhone Icons for Web Apps

Real quick iPhone and Touch developers.

If you want to have a custom icon shown on the home screen when someone makes a web-clipping of your site instead of a thumbnail of the page, it’s very easy. Not only does it polish off your efforts, it also makes the clipping more useful for your users.

It’s a two step process.

First make an icon. Just a .png file, here’s one you can use as a template, and drop it in your app’s root folder. Don’t worry about the nice round edges or glossy layer, the iPhone software will add that when the clipping is created, you just want the basic image.

Then just call the icon with this code in your header:

Done. Now the web-clippings have a actual icon on the phone, not just a thumbnail of the page. Great for custom apps.

Yes, this is now included in the iphone template.

Comments are closed here, feel free to discuss on the iPhone template post.