Create a Custom iPhone Web Clips Icon

January 16, 2008 by Dan in Apple with 7 Comments

Want readers of your website to have a shiny designed icon for your website when they add it as a web clipping?

All you need to do is upload a 57×57 PNG to the root directory of your website and call it “apple-touch-icon.png” and the next time a user tries making a web clipping they will have a neat little icon instead of boring text.

Justin

Yes ’cause I really want an angry action figure on my springboard :p
http://www.jkontherun.com Kevin C. Tofel

Great find! I just took advantage of this tip. :)
Marc

Anyone have a tutorial on how to make a nice shiny OSX style icon? I just tried my company logo, and it looked awful!!
http://5thirtyone.com Derek

The iPhone / iPod touch software automatically adds the glossy effect and rounded corners to images doesn’t it?
http://www.uneasysilence.com Dan

Yup!
Marc

Sweet…Ill have to give it another try. The first attempt (http://libguides.com) came out really funky.
LUIS

Is it necessary that you have to have a MAC to make an iPhone web clip icon?
I do not have a Mac, I use a Dell PC and I can’t seem to figure it out –

PLEASE HELP! Thanks.

Create a Custom iPhone Web Clips Icon

Related Posts:

Recent Comments