Comments on: Create a custom iPhone icon for your website

By: The Sakai PDA portal « Gonzalo Silverio’s Weblog

The Sakai PDA portal « Gonzalo Silverio’s Weblog — Thu, 20 Nov 2008 03:19:53 +0000

[...] fun thing was adding icons for bookmarks. Following this tutorial I created a handful in no time. The iPhone actually takes care of all the glitz effects (corners, [...]

By: Ian Hoar

Ian Hoar — Sat, 20 Sep 2008 16:01:58 +0000

Hi HAGVIST, as far as I know there is no way to do this, but I could be wrong. If there is, it is highly unlikely you can have it auto add. Most iPhone user actions like bookmarking or saving have a confirmation dialogue.

By: HAGVIST

HAGVIST — Sat, 20 Sep 2008 05:11:28 +0000

Thank you for your tutorial. It was very helpful. I am wondering if there is a known way to make this process more user friendly for website viewers.

What I mean is:

Is there a script to attach to a button, on the website that will automatically either bring the iphone user to the “add to home screen page” or even better auto add the icon.

Thanks,

HAGVIST

By: Will Stewart

Will Stewart — Sun, 14 Sep 2008 17:27:17 +0000

Yes - I understand but the root-of-server is often hard to identify for sure! iWeb tends to create an ‘outer’ minimal index.html file then a folder with the site inside containing an ‘inner’ index file. Trying to use either of these seems ineffective for me (I have different websites uploaded to a remote server and synced to an old Mac on site), whereas inserting in the entry page html (home, say) works fine.

By: Ian

Ian — Sun, 14 Sep 2008 15:19:25 +0000

Hi Will, thanks for the feedback. In my example I’m using an absolute path, which will grab the png from the root of your server. A relative path will also work fine.

By: Will Stewart

Will Stewart — Sun, 14 Sep 2008 09:42:25 +0000

link rel=”apple-touch-icon” href=”Home_files/apple-touch-icon.png”

(without html brackets or it does not appear!)

By: Will Stewart

Will Stewart — Sun, 14 Sep 2008 09:39:28 +0000

Justin - I have done this with an iWeb-generated site but I do not think you can do it within iWeb. You MIGHT make it work by inserting an html snippet on the page with iWeb, but the png graphic would still need to be inserted manually as iWeb will not know about it and will keep deleting it! (just possibly you could also include the png on as a graphic on the page to stop this, but this sounds very contrived!). I instead edited the html after publishing from iWeb with TextWrangler and inserted the snippet by hand. The html you want to edit is that for the page you want to link (home perhaps).

More seriously the html given by Ian did not work for me. I used:-

which assumes the png is placed in the Home_files folder that will already exist. But the important change is the omission of the slash at the start of the quoted href, which seems vital. I tried other possibilities but this is the one that worked!

By: Crea un icono Web personalizado para el iPhone e iPod Touch - iPhoneros.net - Foro de iPhone

Sun, 07 Sep 2008 22:40:21 +0000

[...] de inicio y confirma, ahora tienes un icono en alguna parte de tu p

By: Ian Hoar

Ian Hoar — Thu, 04 Sep 2008 23:05:51 +0000

Thanks Tice, this is probably future proofing the icons. Newer iPhones will no doubt run at a higher resolutions.

By: Creare un’icona per iPhone in stile WebApp per il proprio sito - iPhone Italia - La prima risorsa italiana sull’Apple iPhone

Thu, 04 Sep 2008 13:00:58 +0000

[...] glossy e dell’effetto tondeggiante, allora seguite questi semplici passaggi (la guida è stata realizzata da Ian [...]