Filed under: Macworld, iPod Family, How-tos, Internet Tools, iPhone
Create custom iPhone and iPod Touch webclip icons
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:- Create a 57x57 PNG.
- Name it "apple-touch-icon.png"
- Throw it in the root folder of your website. (Not the root of your server, the root of your web documents.)
[Via Daring Fireball]



![TUAW [Cafepress]](http://www.blogsmithmedia.com/www.tuaw.com/media/tuaw-cafepress-promo.png)


Reader Comments (Page 1 of 3)
rishi said 11:46AM on 1-24-2008
Why doesn't engadget have one???
Reply
harlan said 10:01PM on 1-30-2008
it doesn't work on my site!! HELP!
www.theelephantshavingaseizure.com
Reply
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