Wednesday, June 17, 2009

Make an icon for the Iphone/itouch

These are instructions for adding a custom image for your website. Basically, when a iphone/itouch user adds your website to the Home Screen they will see a custom image of your website rather then a screenshot of your homepage.

This is assuming you know html….

Here we go:

First: You will want to create your custom image and be sure its size is 57 x 57. You can resize your image with Adobe Photoshop or even Microsoft Paint.

Second: Save your custom image as: apple-touch-icon.png

Third: Upload your image via FTP to the root directory of your website. You can not place this in an images folder…it must be placed in the root directory.

All done.

Now when you or anyone else adds your webpage to the Home Screen on their iphone/itouch, they will see your custom photo.

No comments:

Post a Comment