Previous: Developer Training
Next: CSS3 Support in mobile safari

iPhone Web App Icons

My sites iPhone icon

Just a very quick and simple tip for your site. Why not add an iPhone compatible icon to your site. When a user adds your site to their iPhone / iPod touch home screen, rather that a clip of the page, it will use your specified icon.

Start by creating a 60px x 60px png image that you want to show as your icon, I've opted for a cheesy example :).

Then, in your site, add the following line to the head:

<link rel="apple-touch-icon" href="/images/iphone_icon.png" />

Then, when someone adds your site to their home screen, they see the nice, purpose made icon rather than a flakey corner of the webpage.

Comments

No comments have been added.

Add a comment

0 comments

Latest Tweets

  • @sonnytoiparker http://twitpic.com/2kkard - Which one's Tommy's?

  • @nineplanfailed Sounds like my lunch

  • @nicfranc Have you seen the Epic Citadel demo on iPhone / iPad? oooooooh shiny

  • @LisaMedcalf Dunno what's happening with the house until next week, wankers essentially want me to put a new roof on!

  • @LisaMedcalf Aww cool! I saw a girl on a moped who looked a bit like you and I thought a scooter would be a good idea. Cool, cheap, fun ...

Follow Me