-
- Arrow + rectangle button (iPhone)
-
- Add to Home Screen (iPhone)
-
- Tap the Add button (iPhone).
-
- Shortcut icon on Home Screen (iPhone).
-
- Arrow + rectangle button (iPad).
-
- Add to Home Screen (iPad).
-
- Tap the Add button (iPad).
-
- Shortcut icon on Home Screen (iPad).
My post yesterday on web apps reminded me that it would be prudent to mention to my readers how one could make a shortcut icon to a web page or app appear on the home screen of their iPad or iPhone. It is probably one of the most overlooked features of Safari on these devices, yet extremely simple to do.
To create one yourself, open Safari, and browse to a web site, I chose Apple.com for illustration purposes. On the toolbar tap the button that has an image of an arrow surrounded by a rectangle, then tap the Add to Home Screen button in the list of menu options. In the Add To Home dialog, change the description if desired and tap the blue Add button at top right. You have now placed a “shortcut icon” that links to apple.com on your home screen.
On a related topic, you may need to create icon groups if you find your home screen becoming a bit cluttered with new hordes of invading shortcut icons.
Glasskeys
glasskeys.com 
Is there no way to change the icon image that is used for the shortcuts?
By: Dave on 06/25/2011
at 2:14 pm
Dave,
I currently don’t know of any way, there may be a way to trick the process by placing the remote web app in an iFrame and use your own custom image icon for the main page hosting the frame via css stylesheet.
The caveat is that you would have to keep your web page with the frames, hosted on a site you control just to use your own custom icons.
I will look into it, but I am cannot promise anything mate.
Kind regards,
Stephen
By: glasskeys on 06/26/2011
at 2:39 pm
Yes you can do it but its tricky, you have get a icon uploader from the apple development kit – its erally easy once you figure it out – only thing is you need an apple dev key to get it so maybe someone could post it?
By: ryanwasere on 03/08/2012
at 2:05 am
Hello just wanted to give you a quick heads up. The text in your
article seem to be running off the screen in Safari.
I’m not sure if this is a formatting issue or something to do with web browser compatibility but I thought I’d post to let you know.
The style and design look great though! Hope
you get the problem resolved soon. Cheers
By: prashki on 06/11/2013
at 3:49 am