iPhone and iPod touch allow a user to save a WebClip bookmark to your site on their Home Screen.

To specify a bookmark icon for all pages of a web site, place a PNG image named "apple-touch-icon.png" at the root directory of your web server - similar to the "favicon.ico" for site icons.

To override the site bookmark icon on a specific web page, insert a
element similar to
within the element of the page.

The bookmark icon dimensions should be 57x57 pixels. If the icon is a different size it will be scaled and cropped to fit.

Safari will automatically composite the icon with the standard "glassy" overlay so it looks like a built-in iPhone or iPod application.

I've attached a .png that is suitably sized for this purpose.

CommentFileSizeAuthor
apple-touch-icon.png3.8 KBBrightLoudNoise
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

dww’s picture

dww
we/he/they
CreditAttribution: dww commented
Status: Active » Fixed

Installed and tested. ;) Slick. Thanks.

Anonymous’s picture

Anonymous (not verified) CreditAttribution: Anonymous commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

bertboerland’s picture

bertboerland CreditAttribution: bertboerland commented
Status: Closed (fixed) » Active

I think the request was to add <link rel="apple-touch-icon" href="/customIcon.png"/> to the bluebeach theme

Dave Reid’s picture

Dave Reid
he/him
Primary language English
Location Nebraska USA
CreditAttribution: Dave Reid commented
Status: Active » Closed (fixed)

According to http://developer.apple.com/webapps/designingcontent.php, just having the file named 'apple-touch-icon.png' in the root directory is enough and to use the <link rel...> only if you don't have root access or want to override the icon on a specific page, which does not apply in this case.

bertboerland’s picture

bertboerland CreditAttribution: bertboerland commented
Status: Closed (fixed) » Active

yes, according to apple dropping the file in the docroot is al it takes. but have you tried it? for me (jailbroken 2.2) this is not working. I see the page as an icon, not the PNG.

could others confirm this is /not/ working and if so, do we care enough in the current theme to add the onliner for a nice icon on he iphone?

dww’s picture

dww
we/he/they
CreditAttribution: dww commented
Status: Active » Closed (fixed)

Has been working great on my iPhone since I first deployed this over a year ago.