Introduction
I’ve been meaning to make this post for a few months now, but one thing lead to another, and before I knew it an unhealthy amount of procrastination had set in. I really don’t have any real excuse for this either, as all I really wanted to do was share the following resource with you…
iOS App Icon Template
The iOS App Icon Template is a Photoshop template (and action) which makes it easy to create, and then export, an iOS icon in all the different sizes you might require, for whatever purpose you might require them (in this instance, we’re looking to provide a custom icon for sites that get added to the iOS home screen).
I’ll not go into detail on how to use the template itself (its site does a good enough job of that), but I will tell you that once you’ve created the files, you need to rename the files with the relevant dimensions like so:
- apple-touch-icon-114×114-precomposed.png
- apple-touch-icon-144×144-precomposed.png
- apple-touch-icon-57×57-precomposed.png
- apple-touch-icon-72×72-precomposed.png
- apple-touch-icon-precomposed.png (57×57)
- apple-touch-icon.png (57×57)
Once you’ve done this, and compressed them using TinyPNG, simply upload to the root of your site, and iOS (upon someone choosing to add your site to their home screen) will do the rest.
