When you install an app on your iPhone, you get an icon on your iPhone home screen. Here is a photo of the home screen of my iPhone:
An icon also appears on your iPhone when you save or bookmark a webpage to the homescreen of your iPhone.
When I added igoogle.com to the homescreen of my iPhone, Google’s logo appeared:
It is very easy to create an iPhone icon and you can create one for your website or blog.
1) Create a 57×57 pixel graphic file.
2) Name the file apple-touch-icon.png.
3) Upload the file to the root directory of your website.
You don’t have to add the rounded edges to the file, the iPhone automatically rounds off the corners. Now when someone adds your website to their iPhone home screen, they get your logo or image! Now iPhone users can enjoy a shortcut to your blog!
Here is REbliss.com on my iphone. When you tap the “+” button on the bottom of the iPhone, a menu pops up.
Click the “Add to Home Screen” button:
Your iPhone icon appears. You can rename the link if you want to.
Here is how the REbliss.com iPhone icon looks on the home screen of my iPhone:
If you can’t add the icon graphic to the root directory of your Web site, you can add a link command to specify a different filename or different location for the apple-touch-icon.png file: This code goes in the head of your webpage.
<head>
<title>My Site</title>
<link rel=”apple-touch-icon” href=”/directory/myicon.png” />
</head>
The code above was obtained from Ian Hoar.
Related posts:
