04 Feb, 2008
Recently I has intrested in how everyone got those icons that appear in the url bar and I found a way to do that (google “favicon” for how to). Now I was looking for a way to do the same sort of thing but with the iPod Touch/iPhone. I use webclips regularly on it, and you don’t often find a site with an icon. So I went on a search of a way to do it and found out how to do it, I found a way and have done it to my site.
So, if you want to make a custom icon for your website that will show up on the home screen when a user makes a “webclip”, using their iPhone or iPod Touch:
- Create a 57×57 PNG ( you can go a bit higher but it scales it down and looks fine)
- 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.)
- Boom. If you add a webclip for rmaspero.com, you’ll see my r like in the url bar now.
Now we did that in 3 steps without the boom. So get going and make your own it is easy.
