iPhone, iPod Touch 1.1.3 Web Clips

So if you’ve installed the new 1.1.3 on your iPhone, you’ve more than likely already noticed all the new goodies Apple has given us for the new year. One of my favorites is the ability to have the phone triangulate my current location using cell phone towers. While this sometimes gives you an area of roughly a one mile radius, this is still close enough to get basic directions. I use this feature almost every day.

Now on to the Web clips.

A web clip is a bookmark to a site. Not only just to the site though, this bookmark also remembers where on that page you were looking, as well as the zoom level.

Why post about such a simple feature? Today’s post is partly for the developers out there.

Ever wonder why some pages have a small screen shot of the site as the web clip icon while others have the site logo? It’s all because of a little file named apple-touch-icon.png.

For example, if you go to the following link here you’ll see blog.kaotickreation.com’s current webclip icon, which as of this writing is the same as the icon to the left. I may change it in the future but for now that’s it. And you’ll see the icon to the left when you add a web clip to your home screen.

Safari on the iPhone checks for the existence of this file. If it exist it downloads this file and uses it as the icon. If it doesn’t exist, it scales down a screen shot of the page and uses it for the icon.

In order to set up your own icon, simply create yourself a 57×57 pixel image. Be sure to leave room on the corners as the final image will have rounded corners. Also leave 1-2 pixels around the edges free for clipping caused by the gloss effect applied to your logo.

That’s right. You don’t have to apply the gloss effect to make it look like other icons. It’s done automatically. Then simply toss this file alongside your index.html (or .php) file in the root of the web file system.

So for all of you out there that want your own custom web clip, get going and create your clip. You can have it done and in place in 5 minutes. Or I can do one for you for a small fee. Leave a comment below with your email address and I’ll get right back to you.
Till next time

//Brandon Leon

No tips yet.
Be the first to tip!

Like this post? Tip with bitcoin!


If you enjoyed reading this post, please consider tipping me using Bitcoin. Each post gets its own unique Bitcoin address so by tipping you're not only making my continued efforts possible but telling me what you liked.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.