A couple weeks ago Apple offered an update to the iPhone and iPod touch enabling users to now save “Web Clip Bookmarks” to their springboard (desktop). It’s really just a link to a website with an icon that’s a thumbnail screenshot of the page. However, since most sites don’t specify an icon, these webclips begin to look alike and that’s no fun.
You can create your own.
- Design something simple within 57×57px
- Save your icon as a PNG and name it “apple-touch-icon.png”
- Upload to the root folder of your site (the iPhone/Touch will automatically look for it here)
*Apple also automatically rounds the edges and gives it that glossy look so don’t worry about that.
What if I don’t have a site, but want to create my own for other websites?
Drew McLellan explains how to set an icon for any site.
Rob McMichael provides his own step-by-step instructions based on Drew’s discovery.
I don’t want to design my own, but I do want customized icons.
Andy Pearson created a whole website to display and host Web Clip icons called iclypso.
I lucked out with my 3 most-visited sites having Web Clip icons, but I’ll be giving this a try with others that don’t!
0 Responses to “iPhone-Touch Web Clip Icons”