May

12

All your Icon are belong to us!

Haakon Langaas Lageng

We were dead tired of resizing images in Photoshop, and decided to write a little Ruby Magick to do the dirty job for us. But then we thought "Hey! This is useful for all iOS designers and developers out there, let's create a public service instead". And so be it. Today, we are proud to present to you the all new, shiny icon resizing service - Iconimator.

Our great designers have come up with a user friendly and sweet looking user interface, while we wrote a small Ruby on Rails app that takes a 512×512 icon and resizes it to all iOS icon sizes. If you don’t have any experience with Apple’s requirements on the matter, you might be thinking “so what?”. Well, just take a look at this list of icon sizes an app needs:

iPad

  • Icon-72.png
  • Icon-Small-50.png
  • Icon-Small.png
  • Icon-64.png
  • Icon-32.png
  • Icon-24.png
  • Icon-16.png

IPhone and iPod

  • Icon.png
  • Icon@2x.png
  • Icon-72.png
  • Icon-Small.png
  • Icon-Small-50.png
  • Icon-Small@2x.png

Universal

  • Icon.png
  • Icon@2x.png
  • Icon-Small@2x.png
  • Icon-72.png
  • Icon-Small-50.png
  • Icon-Small.png
  • Icon-64.png
  • Icon-32.png
  • Icon-24.png
  • Icon-16.png

iconimator1There you have it! Quite a lot of resizing to do, and naming conventions to remember, too. The Iconimator service is a great time saver, no doubt. And best of all, you don’t need to figure out what you need for your specific app, wether it be a universal app, iPad or iPhone only. When you upload your master icon (love that name), we’ll create a zip with three folders inside; universal, iphone and ipad. Inside the folders you’ll find all the icons needed, and also a text file containing the plist settings. We are creating the plist settings “Corona SDK” style, so if you are using Corona SDK for development, you can just copy and paste from the text file into build.settings. Dead simple!

All we ask in return from you if you use the service, is to tell other people about it using the sharing buttons on the thank you page.

What is going on behind the scenes?

The Rails app itself is quite simple. It runs in the cloud, on Heroku, and uses Image Magick (RMagick) to convert the master icon. Every downscaled icon is created from the master icon, and on the smalles icons we are adding a touch of sharpening as well.

What took the most time was of course making a great user experience. That is a real time consumer, no matter if you are working on the web, with a game or an app. But we also spent quite a lot of time on making “cross domain ajax calls” working. By default it is impossible, but by putting up a proxy solution, involving xhr scripting and iframes, we were able to make it work. Our designer worked for 7 hours, we worked around 70. Not bad at all.

How come it’s free?

We are all about building our brand name. If a service like the Iconimator can attract visitors because it is free, that’s what we choose. All we ask in return from you if you use the service, is to tell other people about it. We have placed two handy social buttons on the thank you page that we encourage you to use. Twitter and Facebook, of course.