iOS Home Screen Shortcut Icon

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.