How to Add Icons for iPhone, iPad & Android to Your Websites

Discussion in 'All help topics' started by telplaza07, Jul 15, 2015.

  1. telplaza07

    telplaza07 Administrator Staff Member

    Android works in the same way as iOS do, but it needs the absolute URL of your files.
    If there is no icon that matches the recommended size for the device, the smallest icon larger than the recommended size is used. If there are no icons larger than the recommended size, the largest icon is used.


    UPDATED for Lollipop (and tested!)
    Code:
    <link rel="apple-touch-icon" sizes="114x114" href="http://www.yourdomain.com/yourimage" />
    Code:
    <link rel="apple-touch-icon" href="http://www.yourdomain.com/yourimage" />
    <link rel="apple-touch-icon-precomposed" href="http://www.yourdomain.com/yourimage" />
    * Tested on JellyBean, KitKat and Lollipop with Chrome.
    Last edited: Jul 15, 2015