Always wondered how sites like Google, BBC, & Supreme have a dedicated icon for iOS shortcuts on the home screen..
After some quick googling.. it turns out to be quite easy to do actually.. I learned it from OSX Daily.. but I feel like I can dumb it down a little..
- Make your logo 512 x 512 and save it as a .PNG file. (Large size for Retina display, older devices will automatically scale down)
- Save it as “apple-touch-icon.png”
- Upload it to the root of your http folder.
- And you’re done! Test it out on your iPhone, iPad, iPod.
By default, iOS will put a little “effect” on your logo when you save it to the home screen. You can disable this by simply renaming your file to “apple-touch-icon-precomposed.png” that way you will have the icon without the effect.