26

There's an image in the VS2010 stock icon pack which is only included as a PNG, which I would like to use as an ICO (I want XP and earlier users to see the icon). How can I convert the PNG into the ICO?

18

For one-off tasks I usually just cheat: ConvertICO.com .

If you will be doing this fairly often, you may want to consider the free Photoshop plugin.

18

You can use the opensource imagemagick convert utility, that can take several images and pack them in one single icon file. It can also do re-sizing and lots of image manipulation. Imagemagick contains other tools for image handling, is available on multiple platforms (Linux, Windows, Mac Os X, iOS) and can be batched easily, for example in Continuous Integration pipelines.

Here is a basic example exporting a svg file and packing several files in the final icon:

convert icon.svg -scale 32 tmp/32.png
convert tmp/16.png tmp/32.png tmp/48.png tmp/128.png tmp/256.png  icon.ico
10

There's also the Paint.NET ICO plugin (plugin now updated for v4.0+).

Download IcoCur.Zip. Unzip the dll and put it in the "FileTypes" folder in the Paint.NET directory.

It will load and save .ico, .cur and .ani files (.ani as of July 29, 2006).

When loading from an icon or cursor file that contains multiple images, you are given a prompt and allowed to choose which image to load. It always bugged me when there would be 3 or so images in an icon file and other image editors would just auto-load the low resoultion 8x8 one or something like that, so I added the feature to choose.

  • 2
    The Paint.NET ico plugin has been updated to support v4+ forums.getpaint.net/index.php?/topic/… – rburte Nov 30 '16 at 8:44
  • This worked great and produced better results for me than using imageMagick. I had to use 'Select All' of the options when saving the .ico file to get it to work correctly. I found the results by icofx to be slightly superior, but this is free. – icc97 Dec 9 '18 at 21:13
7

Install ffmpeg from: Windows: http://ffmpeg.zeranoe.com/builds/ OSX: http://ffmpegmac.net/

From the shell, use the following command to convert PNG to ICO.

ffmpeg -i img.png img.ico

Also if you use ffmpeg regularly, don't forget to add it your PATH variable.

  • 1
    Please provide context to your answer. Is ffmpeg supplied with Windows? How do I install it if it isn't? As it stands, your answer (though technically accurate) is not of a high enough quality. – user3463 Nov 23 '13 at 0:16
  • Good try. It works for bmp, but not for ico (it's scrambled for me). – kenorb Jan 29 '15 at 19:16
  • Work for me on mac. the ffmepg can be installed with Homebrew: brew install ffmpeg – F. Geraerts Apr 19 '17 at 9:07
3

Yes you can use websites as some people are recommending in their answers but if you learn how to do it right, you can probably do it yourself in the same amount of time it takes to browse to the site, upload the file, wait in the queue and download it again. The disadvantage of using the sites it that you usually can't control the sizes the or image quality of the individual sizes within the icon.

Here's how you do it manually. You can use GIMP which is an open source alternative to Photoshop that can download for from the project's website. No additional plugins will be necessary. Take the PNG you want to convert. It should be at least 128pixels in size but 256+ would be better.

Open said png in Gimp. Your going to make an image with several layers. When you finish each layer is going to be a different size in the finished icon. Here's the layer layout I usually use 256px (optional), 128px, 96px, 64px, 48px, 40px,32px and 24px. You want to have this diversity in sizes because you need to account for all the different zooms the user will have while browsing in explorer. 256 is overkill but why not future proof your icon?

Step 1: import png into gimp. I usually do this by using Open With in windows on the png and selecting gimp. Gimp will do the rest after that. make sure it's the only layer at the moment (delete any background layers if gimp made any).

Step 2: Resize picture to 256x256 (or 128x128 if you don't want to use 256) by clicking the Image menu and selecting Scale Image. If the image you're stating with isn't square, you'll have to crop it before doing the scaling or it will look weird. You can crop by using rectangle select tool (make sure you do a square selection by pressing shift while selecting). When you're done selecting, click on Image menu and select Crop to Selection.

Step 3: Duplicate current layer by selecting the Layer menu and selecting Duplicate Layer. Click Layer menu again and select Scale Layer and resize duplicated layer to new size like 128 or 96 etc.

Step 4: rinse and repeat until you have made your layers all the way to 24px.

step 5: export current drawing as an Icon by clicking on File menu and selecting Export As. When you get the dialog prompt, you want to make sure that you put in the correct extension (.Ico) and gimp will handle the rest.

1

If you are using OSX. You can actually use the built in Preview application to save the file to a pretty broad range of file types.

FileExport... → Hold (alt/opt) & click the file Format Listbox

TA-DA.

1

I recommend IcoFX. It was once available as freeware. Luckily, the latest freeware version was preserved, for example here on chip.de.

This is the screenshot as provided by chip.de:

enter image description here

It allows very precise control over all the images in an icon, which is crucial for professional use. A 16x16 icon for example should not be just a downsampled version but a seperate image with reduced details.

You should also provide images with lower bit depth, for use with remote desktop connections.

Unlike other software, where creating multi-resolution icons is based on conventions (like layer names or whatever), IcoFX is very explicit about this. This makes it somewhat easier to use.

By the way: Designing good icons isn’t easy. Make sure to read Microsoft’s guidelines on that.

0

If you have ImageMagick installed then you can use the convert utility to change png to ico

convert icon.jpg -scale 256 icon.ico

or you could use some online service like freefileconvert.com to convert your file but the only downside of using an online service that I see, is that you can't give custom options e.g., size etc.

0

With the following web service ICOConvert you can create a multi-size Windows icon from different png images.

http://icoconvert.com/Multi_Image_to_one_icon/

protected by Community Jan 12 '18 at 9:58

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).

Would you like to answer one of these unanswered questions instead?

Not the answer you're looking for? Browse other questions tagged or ask your own question.