Is Your Apple Touch Icon in Place?


If you want users to be able to download your webpages or apps to their iOS devices and visually identify them easily on their home screens, then you need to know about Apple Touch Icon. It allows site or app owners to assign an image as a sort of Favicon. That icon can then be assigned to an entire site or a specific webpage for use. If an image isn't specified using Apple Touch Icon the iOS device will substitute a screen shot of the web page, often with disappointing results. In order to utilize it, save your intended image in your home directory as a .png with dimensions of 57 x 57 and use this HTML.

apple-touch-icon.PNG

For further information you can dive into the instructions on Apple's Developer site for Safari here.

...

TO READ THE FULL ARTICLE