Problem adding web icon

Discussion in 'Mobile Web Development' started by KingPelvis, Mar 21, 2008.

  1. KingPelvis

    KingPelvis New Member

    Dec 16, 2007
    Likes Received:
    I'm trying to add a web icon to an iPhone/iPod ready weblog. It is a WordPress page.

    I'm trying to add the link to the icon png file thus:

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

    This is in the header where the other link stuff is, like a call to the stylesheet. But no icon shows up when the page is saved to the Home Screen.

    The link is correct and the icon is a 59x60 png image like the other icons I have made.

    What am I doing wrong here? I'm sure I'm overlooking something obvious.

    EDIT: Turned out it was just a path problem. For future readers, the icon doesn't have to be linked to. Just put an icon called "apple-touch-icon.png" in your site root and it will be displayed. Safari adds a glossy icon mask to it as well to make it look nice and official. More info here:

    P.S. The icon should be 57x57 pixels, not in the usual size.

Share This Page