Calling iPhone users - please check something for me?

[localzuk]

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?

 

Being an Android user myself, I can't check it.

 

(It should present this as the icon)

[mac_shinobi]

It gives me the correct icon but with a black background instead of a white one - iphone 4 32gb with iOS 4 - see attached pic

Edited July 10, 2010 by mac_shinobi

[localzuk]

It gives me the correct icon but with a black background instead of a white one - iphone 4 32gb

 

Ok cool, I think the background is applied by the local device depending on your settings - the icon is actually translucent.

[mac_shinobi]

Ok cool, I think the background is applied by the local device depending on your settings - the icon is actually translucent.

 

would like to know what settings those are as I dont remember applying any settings to do that lol

[rush_tech]

I get the same icon with the black background

[localzuk]

Thanks. It works as expected then

[FN-GM]

Sorry to hijack how would you make a web bookmark on the apps screen?

 

@localzuk i like the iphone theme

 

Thanks

[localzuk]

Sorry to hijack how would you make a web bookmark on the apps screen?

 

@localzuk i like the iphone theme

 

Thanks

 

Dunno about the first bit, but the theme is this. Very quick and easy to use for any Wordpress blog

[kylewilliamson]

in the

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

[localzuk]

in the 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:

 

 

I should be putting the following, as the image is precomposed:

 

[FN-GM]

I found how i do it.

 

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

[localzuk]

I found how i do it.

 

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:

 

or

 

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.

[FN-GM]

Your right, what a fool! sorry about that