iPhone and iPod Touch Firmware 1.1.3 – Create Custom WebClips

The 1.1.3 iPhone (and iPodTouch) firmware give you the ability to add a “webclip” from Safari to your home screen. If you view this site from your iPhone/iPod Touch (with firmware 1.1.3), and bookmark it, you’ll see the icon that I created.

Some tips on creating your own icon:

For maximum “crispness” make your icon 158 x 158 pixels. The home screen will scale it down.
Name your file “apple-touch-icon.png” and put it in the root of your web site. (Ex. http://www.yoursite.com/apple-touch-icon.png)
For maximum compatibility, add this to your (X)HTML header:
<link rel="apple-touch-icon" href="/apple-touch-icon.png" type="image/png" />

Apple has official documentation here. Click the second-to-last link that says “Create a WebClip Bookmark Icon.”

Post to Twitter Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Reddit Post to StumbleUpon

Did you enjoy this article? Please subscribe to my feed to receive FREE updates via RSS or Email.

{ 3 comments }

1 Bobby January 25, 2008 at 10:15:10 AM

Can you tell me why apps. summerboard and customize are not working in 1.1.3? Is there any possibilty to make them run correctly like in 1.1.2

2 Bobby January 25, 2008 at 10:19:06 AM

I have updated my ipod touch to 1.1.3. after i jailbroke it in 1.1.1. Now summerboard and customize are not working. Is there any possibility to solve that problem.

3 Kev January 25, 2008 at 10:25:19 AM

Bobby: I have never performed the jailbreak method on my iPhone. I am in no way affiliated with Apple nor any of the jailbreak hackers. I am just a guy on the Internet, and I figured that I would share my experience creating Custom WebClip icons. Sorry that I can not be of more help, and thanks for reading my site and leaving a comment.

Comments on this entry are closed.

Previous post:

Next post: