For some time now I have been noticing /apple-touch-icon.png and /apple-touch-icon-precomposed.png in my visitor logs (with a 404) every once in a while. Today I finally had some time to find out what it was all about. What I found out is that it is like a favicon but it can be an icon that is bigger and nicer than a favicon to be used as an app icon/bookmark. I actually found a lot of articles on the subject dating back to 2009. I went ahead and implemented it and thought I would share since it is fairly simple.
For IOS supposedly all you need to do is create an icon image of your store logo and name it "apple-touch-icon.png" & "apple-touch-icon-precomposed.png". Place the 2 files of the same image different names in the root of your CS install. The size of my images are 180x180.
For Android & Chrome browsers it's the same but you also need to add tags to let the browser know the location (IOS used to work this way as well in the beginning).
That's all there is to it. Unfortunately I do not have a device with IOS so it would be great if someone can test it and reply with their results. At this time I can only confirm that it works with Android & Chrome.