iPhone webpage icons?

SooTyLaD · 18 Jul 2008 at 13:05

Does anyone know how you add one of those funky proper logos to a webpage so when you add it to the home screen of an iPhone it looks proper? It's obviously bigger than a standard favicon but it looks like the same principal...

For an example, the OcUK forums don't do it and the MacRumor ones do... Sites like imdb and BBC also do it...

Any ideas?

adamph · 18 Jul 2008 at 13:28

create a 32x32 fav icon and upload it?

Moredhel · 18 Jul 2008 at 14:03

Place a 32x32px PNG file called apple-touch-icon.png in your web root and it should just pick it up.

SooTyLaD · 18 Jul 2008 at 14:06

Moredhel said:
Place a 32x32px PNG file called apple-touch-icon.png in your web root and it should just pick it up.

not quite sure if you're taking the smeg? but i'll give it a go...

Moredhel · 18 Jul 2008 at 14:07

I'm not, honest.

[edit] Apparently the dimensions are 57x57px

You can also add a link tag, something along the lines of <link rel="apple-touch-icon" type="image/png" href="/apple-touch-icon.png" />

J1234 · 19 Jul 2008 at 19:17

The iPhone will add the rounded edges and reflection automatically too.