Where's the WebClip icon?

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...
Add a Comment
APPLE-TOUCH-ICON.com
GREAT resource for sites that have an actual icon. Seems to be updated automatically and they let you add your own site to the listing.
So did i miss it, or is there no way to associate the webclip icon with the RSS feed (my preferred way to view sites)?
January 23 2008 at 12:25 PM Report abuse Permalink rate up rate down ReplyThere is a nice implementation of a webclip icon at www.paulchangdesign.com
Works perfectly!
This works much better:
http://www.nobodylikesonions.com/clipclick
It allows the use of other image types, higher resolution images, and allows you to make use of other's webclips. This should be added to the original post as it's the best tool out there!
I created my own TUAW webclip icon last week (seems like 10 years ago -- geez, TUAW, you're sooooo slow) and implanted it with a modified version of Peter's script (listed above). Looks great on my iPhone.
Here's a link to the icon I made if anyone wants it:
http://www.dyspersion.com/misc/clippngs/tuaw.png
Cheers,
FL
Fritz, in fairness, Nik was all over this and actually created the webclip icon within hours of the keynote (all while shooting pictures and writing posts from the Macworld show floor). Since then we've been working with our infrastructure team (who have a lot of other sites to support) to get the webclip icon where it needs to be to work properly.
January 23 2008 at 8:57 AM Report abuse Permalink rate up rate down Replyany idea how to get this to work on .mac pages? I tried uploading the image to the root of my idisk and then the web directory and then the site directory inside the web directory.... blah blah blah...
Has anyone been successful?
You have to add the "link ..." tag to the head of the web page.
See Apple's iPhone dev page for more:http://developer.apple.com/iphone/devcenter/designingcontent.html
Replying to myself...
I found this link.
http://discussions.apple.com/thread.jspa?threadID=1350127&tstart=0
how do you change a file size to 57x57 once you have the picture?????
January 22 2008 at 11:08 PM Report abuse Permalink rate up rate down ReplyUse something like Photoshop or Pixelmator to change the image's size.
January 23 2008 at 1:33 AM Report abuse Permalink rate up rate down ReplyOr ImageWell (it's free).
January 23 2008 at 8:56 AM Report abuse Permalink rate up rate down Replythe article is wrong. WebClip Directory also allows for image uploads. It even converts gif and jpg to png format and has a cropper online to crop large images down to size.
January 22 2008 at 9:39 PM Report abuse Permalink rate up rate down ReplyWasn't it decided that 59x59 was a better size?
January 22 2008 at 9:34 PM Report abuse Permalink rate up rate down ReplyHot Apps on TUAW
Deals of the Day
more deals- Philips Fidelio Primo Speaker Dock for iPhone / iPod for $320 + $6 s&h
- miFrame Picture Frame Dock for iPad for $64 + $8 s&h
- Refurb Apple iPod nano 8GB MP3 Player for $99 + free shipping, 16GB for $119
- Hannspree Apple-Shaped 28" 1080p LCD HDTV for $270 + free shipping
- Philips wOOx Alarm Clock Radio for Apple iPod / iPhone for $60 + free shipping
- iWatchz Elemetal Collection Bracelet for iPod nano for $75 + free shipping
Software Updates
more updates- EFI Firmware Update brings Lion Internet Recovery to 2010-model Macs
- OS X Lion 10.7.3 released with Safari 5.1.3, Wi-Fi bug fix
- Aperture updated to 3.2.2, addresses Photo Stream issue
- Apple updates Keynote to address Lion issues
- Google Search app gets new look on iPad
- Apple releases Apple TV Software Update 4.4.3



20 Comments