Multi Resolution icons with Gimp

When creating an icon (.ico) file for an app or file type it should include images for all resolutions/sizes, for example depending on what view Windows Explorer is set to (List up to Thumbnails) the required icon range from 16×16 to 64×64.

Gimp makes it very easy to create these multi-res icon files, using the following steps.

  1. Create a new Gimp project (transparent background) of the max required size, i.e. 64×64
  2. Create a new layer at 64×64
  3. Draw/import your icon to the max layer size and merge to one single layer.
  4. Copy the single merged layer and scale to 48×48
  5. Keep copying the layer and scaling for all required sizes, i.e. 32×32, 16×16, 8×8, until you have many layers of differing sizes all of the same image.
  6. Save the project as a .ico file, the save procedure should show all of the layers/sizes that will be included with the icon file.

Now when using this file windows will display the correct layer/size as required.

It can also be useful to have a more detailed version of the image for the large sizes and then a simpler version of the image for the smaller images, these can still be in the same icon file and that way your icon is still recognisable in list view.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s