+ Post New Thread
Results 1 to 13 of 13
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 ...
  1. #1

    localzuk's Avatar
    Join Date
    Dec 2006
    Location
    Minehead
    Posts
    17,529
    Thank Post
    513
    Thanked 2,406 Times in 1,862 Posts
    Blog Entries
    24
    Rep Power
    822

    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?

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

    (It should present this as the icon)

  2. #2

    mac_shinobi's Avatar
    Join Date
    Aug 2005
    Posts
    9,680
    Thank Post
    3,210
    Thanked 1,030 Times in 955 Posts
    Rep Power
    361
    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
    Attached Thumbnails Attached Thumbnails Calling iPhone users - please check something for me?-photo.png  
    Last edited by mac_shinobi; 10th July 2010 at 01:59 PM.

  3. Thanks to mac_shinobi from:

    localzuk (10th July 2010)

  4. #3

    localzuk's Avatar
    Join Date
    Dec 2006
    Location
    Minehead
    Posts
    17,529
    Thank Post
    513
    Thanked 2,406 Times in 1,862 Posts
    Blog Entries
    24
    Rep Power
    822
    Quote Originally Posted by mac_shinobi View Post
    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.

  5. #4

    mac_shinobi's Avatar
    Join Date
    Aug 2005
    Posts
    9,680
    Thank Post
    3,210
    Thanked 1,030 Times in 955 Posts
    Rep Power
    361
    Quote Originally Posted by localzuk View Post
    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

  6. #5

    rush_tech's Avatar
    Join Date
    Jul 2006
    Location
    Nottingham
    Posts
    1,407
    Thank Post
    111
    Thanked 265 Times in 201 Posts
    Rep Power
    194
    I get the same icon with the black background

  7. Thanks to rush_tech from:

    localzuk (10th July 2010)

  8. #6

    localzuk's Avatar
    Join Date
    Dec 2006
    Location
    Minehead
    Posts
    17,529
    Thank Post
    513
    Thanked 2,406 Times in 1,862 Posts
    Blog Entries
    24
    Rep Power
    822
    Thanks. It works as expected then

  9. #7

    FN-GM's Avatar
    Join Date
    Jun 2007
    Location
    UK
    Posts
    15,781
    Thank Post
    865
    Thanked 1,665 Times in 1,450 Posts
    Blog Entries
    11
    Rep Power
    442
    Sorry to hijack how would you make a web bookmark on the apps screen?

    @localzuk i like the iphone theme

    Thanks

  10. #8

    localzuk's Avatar
    Join Date
    Dec 2006
    Location
    Minehead
    Posts
    17,529
    Thank Post
    513
    Thanked 2,406 Times in 1,862 Posts
    Blog Entries
    24
    Rep Power
    822
    Quote Originally Posted by FN-GM View Post
    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

  11. #9

    Join Date
    Jan 2007
    Posts
    423
    Thank Post
    7
    Thanked 30 Times in 26 Posts
    Rep Power
    21
    <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

  12. #10

    localzuk's Avatar
    Join Date
    Dec 2006
    Location
    Minehead
    Posts
    17,529
    Thank Post
    513
    Thanked 2,406 Times in 1,862 Posts
    Blog Entries
    24
    Rep Power
    822
    Quote Originally Posted by kylewilliamson View Post
    <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:

    <link rel="apple-touch-icon" href="path-to-file" />

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

    <link rel="apple-touch-icon-precomposed" href="path-to-file" />

  13. #11

    FN-GM's Avatar
    Join Date
    Jun 2007
    Location
    UK
    Posts
    15,781
    Thank Post
    865
    Thanked 1,665 Times in 1,450 Posts
    Blog Entries
    11
    Rep Power
    442
    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

  14. #12

    localzuk's Avatar
    Join Date
    Dec 2006
    Location
    Minehead
    Posts
    17,529
    Thank Post
    513
    Thanked 2,406 Times in 1,862 Posts
    Blog Entries
    24
    Rep Power
    822
    Quote Originally Posted by FN-GM View Post
    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:

    <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.

  15. 2 Thanks to localzuk:

    FN-GM (11th July 2010), gibbo_ap (12th July 2010)

  16. #13

    FN-GM's Avatar
    Join Date
    Jun 2007
    Location
    UK
    Posts
    15,781
    Thank Post
    865
    Thanked 1,665 Times in 1,450 Posts
    Blog Entries
    11
    Rep Power
    442
    Your right, what a fool! sorry about that

SHARE:
+ Post New Thread

Similar Threads

  1. iPhone Emergency Calling on LOCKED Screen
    By DaveMurphy in forum Netbooks, PDA and Phones
    Replies: 8
    Last Post: 9th March 2010, 01:18 PM
  2. Calling users of the W910i (or similar)
    By Ric_ in forum Netbooks, PDA and Phones
    Replies: 11
    Last Post: 9th June 2008, 03:08 PM
  3. Calling Bluesocket Users need 802.1x Help
    By ICTNUT in forum How do you do....it?
    Replies: 7
    Last Post: 10th December 2007, 04:43 PM
  4. re: Calling all Sophos users
    By ajbritton in forum General Chat
    Replies: 3
    Last Post: 5th March 2007, 10:42 PM
  5. Calling all Sophos Users
    By GrumbleDook in forum General Chat
    Replies: 0
    Last Post: 2nd March 2007, 09:45 PM

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •