Where's the WebClip icon?

We've gotten a plethora of tips asking that we make a WebClip icon for iPhone & iPod touch home pages for TUAW. And we hear you. In fact, one sleep-deprived Macworld-covering TUAW blogger created a webclip icon (pre-empting all the tips -- which we're eternally grateful for nonetheless). As our server gurus get the icon fixed in place, we thought we'd share with you some handy links both for making icons for your own site, and perhaps to find one for TUAW in the meantime.
Waiting for a website to gain a WebClip icon? There's a load of sites available to either help you find an icon that's already been made -- such as WebClipMe! or the WebClip directory. clipalizer goes one better, allowing you to upload your own (correctly sized) PNG image and then use that as a webclip icon.
So how do I create my own WebClip icon? A WebClip icon is basically a 57-pixel-square PNG image called apple-touch-icon.png placed at the root of your server's web-content directory (though the Apple Developer Connection site lists a way that code-savvy users can specify a custom location for it, should they so choose). Whilst the icons appear rounded on the iPhone, you don't need to worry about creating curved corners, or even apply a button-esque mask in Photoshop: iPhone takes care of all of that -- "Safari will automatically composite the icon with the standard "glassy" overlay so it looks like a built-in iPhone or iPod application."
Thanks to all those who sent us pleading emails!
Waiting for a website to gain a WebClip icon? There's a load of sites available to either help you find an icon that's already been made -- such as WebClipMe! or the WebClip directory. clipalizer goes one better, allowing you to upload your own (correctly sized) PNG image and then use that as a webclip icon.
So how do I create my own WebClip icon? A WebClip icon is basically a 57-pixel-square PNG image called apple-touch-icon.png placed at the root of your server's web-content directory (though the Apple Developer Connection site lists a way that code-savvy users can specify a custom location for it, should they so choose). Whilst the icons appear rounded on the iPhone, you don't need to worry about creating curved corners, or even apply a button-esque mask in Photoshop: iPhone takes care of all of that -- "Safari will automatically composite the icon with the standard "glassy" overlay so it looks like a built-in iPhone or iPod application."
Thanks to all those who sent us pleading emails!
Share
Categories
Cool tools Odds and ends TUAW Business WIN Business Developer
We've gotten a plethora of tips asking that we make a WebClip icon for iPhone & iPod touch home pages for TUAW. And we hear you. In...
Deals of the Day
more dealsSoftware Updates
more updates- Evernote introduces reminders to Mac, iOS apps
- Poser 10 and Poser Pro 2014 available, bringing new characters, physics and more
- Agile Partners releases Lick of the Day 2.0
- Google announces new Hangout app to hit iOS today
- Microsoft Office for Mac 2011 Update 14.3.4
- Pixelmator 2.2 available with over 100 new features and improvements