Filed under: Macworld, iPod Family, How-tos, Internet Tools, iPhone
Dan Dickinson has posted a super-simple way to ensure that those who visit your site with an iPod Touch or iPhone will get a nice-looking webclip icon. When I say simple, I mean it:
To find out what version of Mac OS you are running, go to the Apple logo in the top left corner, click it and choose About This Mac. From that window you will see the version number, processor, memory and chosen startup disk. Clicking Software Update will check for updates, and More Info... will open up an extensive list of everything on your machine.
![TUAW [Cafepress]](http://www.blogsmithmedia.com/www.tuaw.com/media/tuaw-cafepress-promo.png)
Advertise with us. (Learn more)
| # | Blogger | Posts | Cmts |
|---|---|---|---|
| 1 | Steven Sande | 40 | 10 |
| 2 | Mel Martin | 32 | 0 |
| 3 | Victor Agreda, Jr. | 30 | 8 |
| 4 | Michael Rose | 29 | 28 |
| 5 | Mike Schramm | 28 | 1 |
| 6 | Dave Caolo | 22 | 0 |
| 7 | Brett Terpstra | 17 | 11 |
| 8 | Erica Sadun | 15 | 2 |
| 9 | David Winograd | 15 | 0 |
| 10 | Megan Lavey | 14 | 6 |
| 11 | Robert Palmer | 13 | 3 |
| 12 | Chris Rawson | 12 | 0 |
| 13 | Sang Tang | 10 | 1 |
| 14 | Christina Warren | 9 | 25 |
| 15 | Tim Wasson | 9 | 0 |
| 16 | Michael Jones | 7 | 0 |
| 17 | Casey Johnston | 6 | 0 |
| 18 | Jason Clarke | 6 | 1 |
| 19 | Mat Lu | 5 | 0 |
| 20 | Cory Bohon | 4 | 0 |
MacOsX game IpodTouch developers AppStore audio wwdc Iphone3gS mobileme video software ads apple wwdc09 talkcast GPS att IphoneOs3.0 app-store release breakingnews review gaming update AppleStore twitter giveaway youtube SnowLeopard app Iphone3g tuaw mac hardware games developer itunes iPhone music travel podcast SoftwareUpdate security camera ipod-touch rumors safari features retail rumor
All contents copyright © 2003-2009, Weblogs, Inc. All rights reserved
The Unofficial Apple Weblog (TUAW) is a member of the Weblogs, Inc. Network. Privacy Policy, Terms of Service, Notify AOL
Reader Comments (Page 1 of 3)
Sportsmedjosh said 11:08PM on 1-15-2008
I was actually really thinking about this today. Will this replace the icons a person already has on their iPhone, do I have to create a separate one for iPhone and iTouch?
Reply
Davis Collins said 11:32PM on 1-15-2008
Please don't call it the 'iTouch'. Do you call the iPod nano the 'iNano'?
Sorry, that just really gets on my nerves.
jbstingray said 1:58AM on 1-16-2008
I totally agree with the iTouch thing... hopefully the MacBook Air isn't called something stupid like AirBook or just the "Air." MBA I can deal with....
Shadow Jolteon said 3:05PM on 1-17-2008
It will only be an icon for any web clip made from your site. The user's default icon sets will be unaffected by it.
And, no, you only need to create one icon, it will work for both the iPod Touch and the iPhone.
Pete Zich said 11:10PM on 1-15-2008
You can do page-specific stuff too, stick in your head.
Reply
Pete Zich said 11:12PM on 1-15-2008
(less than)link rel="apple-touch-icon" href="yourIcon.png"(greater than)
Reply
Kristin said 11:14PM on 1-15-2008
Ok, That's nice and all... but why post this, if you haven't done it for your site?
That's all I'm saying...
Reply
Rafael said 11:15PM on 1-15-2008
i tried adding tuaw to my homescreen and you guys don't have a cool icon... makes me sad...
Reply
David said 11:21PM on 1-15-2008
Sweet! It works! Just tried it with:
http://www.davidmhepburn.com
Reply
Davis Collins said 11:30PM on 1-15-2008
Hurry up and make one for TUAW! And e-mail the folks over at Engadget, and tell them to make one too!
Reply
Pete Zich said 11:32PM on 1-15-2008
I think I may have just figured out a way to add an icon of your choice to any webpage. I haven't experimented with it fully so please give me feedback.
http://pz2.ucls.uchicago.edu/webclipIcons.js
For you who don't understand my instructions please let me know.
If you'd like to experiment, you can start by opening up tuaw.com and using the icon:
http://pz2.ucls.uchicago.edu/tuaw.png
(sorry for the long url)
Reply
Davis Collins said 12:00AM on 1-16-2008
It works great! Thanks a lot for this!
Peter Zich said 2:23PM on 1-16-2008
I figured out a way to overwrite an icon built into the page (if you want to do that). It's posted at http://pz2.ucls.uchicago.edu/webclipIcons.js along with the original version and the site-specific one. I've only done a couple of tests with this latest one so please let me know about any problems you have.
MacBookOwner said 11:35PM on 1-15-2008
Can someone please tell Google to make a good icon for iGoogle and Google apps? :)
Reply
Otsego_Undead said 11:38PM on 1-15-2008
got it to work on mine as well! thanks!
http://www.shondempsey.com
Reply
Swell said 12:17AM on 1-16-2008
It worked for me, too. On my regular site:
http://lyndellwiggins.com/
And my iPhone-specific Installer Source site:
http://lyndellwiggins.com/iphone/
Reply
Piet said 12:48AM on 1-16-2008
Grenades...
check it out, icon works.
http://www.piethoutenbos.com
Reply
Larry said 1:21AM on 1-16-2008
This is amazing and so needed. The Webclips look like crap without being some kind of Icon. Now, how do we get them for every site we go to? Would I have to create the icon myself and upload it to a photobucket or similar site? I'm unsure of the whole coding deal as well but would really like to be able to do this and teach others as well.
Thanks!
Reply
Sam said 2:06AM on 1-16-2008
Come on JiveTalk/Facebook! Upload your icons!
Reply
Pete Zich said 9:39AM on 1-16-2008
If you want to for now, you can use my script http://pz2.ucls.uchicago.edu/webclipIcons.js with the image http://pz2.ucls.uchicago.edu/webclipIcons/facebook.png . I've just been making my own icons for now.