General Chat Thread, Calling iPhone users - please check something for me? in General; Please could any iphone/ipad users out there please check to see if my 'apple-touch-icon' is working correctly on my website ...
Calling iPhone users - please check something for me?
Please could any iphone/ipad users out there please check to see if my 'apple-touch-icon' is working correctly on my website? ie. Could you check to see if bookmarking my site to your apps list show my icon rather than a generic icon?
<link rel="apple-touch-icon" href="iphoneicon.jpg" type="image/jpg" /> in the <head> tag of your page.
Icon's should be 75x75.
Generally speaking, the iOS will do all the 'glassy'/3d stuff, so you just need a flat image.
Kyle
Ah, I've just done a bit more research on the file size and apparently I should be looking at 57x57px for iPhone OS < 4 and 114x114 for iOS 4 - although there isn't a way to differentiate between the OS's...). However, if the image is larger, it will automatically be scaled to fit (Apple even use one 129x129px). So, my giant one will live on I think.
Also, you're right about the colouring, I shouldn't be using:
Maybe it would be handy if you post the code or any details on how you specify the icon. Others users might find it handy.
Z
Details are as mentioned. A file called apple-touch-icon or apple-touch-icon-precomposed (png or jpg) can be placed in the root of the website, or this can be used instead on individual pages:
<link rel="apple-touch-icon" href="path-to-file" />
or
<link rel="apple-touch-icon-precomposed" href="path-to-file" />
The image should be 57x57 or 114x114 px or be able to scale to those sizes.
The precomposed type stops the iphone from adding any gloss effects of its own to the image.