Lime Blast » TinyPNG http://limeblast.co.uk The virtual home of Web developer Daniel Hollands, the place to be if you're looking for articles and tutorials (and rants) on all aspects of the World Wide Web. Wed, 14 Oct 2015 13:13:21 +0000 en-US hourly 1 http://wordpress.org/?v=3.9 How to easily create iOS app icons for your website /2013/01/how-to-easily-create-ios-app-icons-for-your-website/ /2013/01/how-to-easily-create-ios-app-icons-for-your-website/#comments Fri, 25 Jan 2013 18:14:18 +0000 /?p=881

Related posts:

  1. Rotten to the CoreI don’t know if there is a term for what I am – Applephobic maybe – but I hate Apple. I’m about as PC as PC can get (and I’m not talking about being Politically Correct). In my opinion, the......
  2. How to use Couch CMS with GitAfter around a year of using WordPress for the majority of the websites I built for Ghost, I was looking for something different. That isn’t to say that WordPress is bad – it isn’t – it’s just that for some......
  3. Windows 8 as a Desktop UserMuch like a lot of other geeks around the world, I spent some time playing with the new Windows 8 Consumer Preview last night. The long and the short of it is this – as a desktop user, I don’t......
]]>

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.

Related posts:

  1. Rotten to the Core
    I don’t know if there is a term for what I am – Applephobic maybe – but I hate Apple. I’m about as PC as PC can get (and I’m not talking about being Politically Correct). In my opinion, the......
  2. How to use Couch CMS with Git
    After around a year of using WordPress for the majority of the websites I built for Ghost, I was looking for something different. That isn’t to say that WordPress is bad – it isn’t – it’s just that for some......
  3. Windows 8 as a Desktop User
    Much like a lot of other geeks around the world, I spent some time playing with the new Windows 8 Consumer Preview last night. The long and the short of it is this – as a desktop user, I don’t......
]]> /2013/01/how-to-easily-create-ios-app-icons-for-your-website/feed/ 1