Windows 7 Forums
Welcome to Windows 7 Forums. Our forum is dedicated to helping you find support and solutions for any problems regarding your Windows 7 PC be it Dell, HP, Acer, Asus or a custom build. We also provide an extensive Windows 7 tutorial section that covers a wide range of tips and tricks.


Windows 7: Icon - Make from Image



Icon - Make from Image

How to Make a Icon with a Image
Published by Bongo
06 Jan 2012
Published by

How to Make a Icon with a Image

Note   Note
IconViewer Download IconViewer Is very handy for looking at icons in .dll, .exe, etc.


You will need to download
IcoX portable it is portable no need for installation
IcoFX Portable | PortableApps.com - Portable software for USB, portable and cloud drives
Gimp needs installed
GIMP - Windows installers

The icon I am going to make has 13 layers those layers are 48 x 48, 32 x 32, 24 x 24, 16 x 16, 48 x 48, 32 x 32, 24 x 24, 16 x 16, 256 x 256, 48 x 48, 32 x 32, 24 x 24, 16 x 16,
The biggest image is 256 x 256 so that will be the size of the starting image.
I am working with a 256x256 pixel image in .png format.
OK lets make a eye.icon
Name:  eye.png
Views: 7313
Size:  53.9 KB

#1
Open IcoFX
Either drag your image to the workspace or click Open and navigate to your image.
Icon - Make from Image-1.png

#2
The New Image box will open make sure True Color + Alpha Channel is checked then check 256x256 and then Click OK.
Name:  2.png
Views: 3111
Size:  32.8 KB

#3
Your first image should be loaded Right Click on the 256x256 at the top and then Click on New Image.
Icon - Make from Image-3.png

#4
Repeat step #3 above for each of the different sizes in this case I am doing 48 x 48, 32 x 32, 24 x 24, 16 x 16.
Name:  4.png
Views: 3088
Size:  38.4 KB

Name:  6.png
Views: 3075
Size:  41.4 KB

Name:  7.png
Views: 3064
Size:  43.6 KB

Name:  8.png
Views: 3059
Size:  46.1 KB

#5
You should have five images ranging from 256 x 256 down to 16 x 16 now Click on File. Click on Save As. Give it a name and Click on Save.
Icon - Make from Image-9.png

Icon - Make from Image-10.png

Name:  11.png
Views: 3070
Size:  38.0 KB

#6
Now we to make a four image ranging from 48 x 48 to 16 x 16 Right click on the top 256 x 256 image and Click on Delete Image. The Confirm box will open Click on Yes.
Icon - Make from Image-12.png

Name:  13.png
Views: 3040
Size:  12.1 KB

#7
Now we want to save the four images Click on File then
Click on Save As. Give it a name different than the first one then Click on Save.
Icon - Make from Image-14.png

Name:  15.png
Views: 3036
Size:  41.5 KB

#8
Open up Gimp either drag the first set of five images that you saved into the workspace or Click on File and click on open and navigate to your image.
Name:  16.png
Views: 3053
Size:  103.4 KB

#9
You will see the five images in the layers box Click on the top layer and then dragged the second image with four layers onto the workspace it should be on top of the five images Click on the top layer again and drag that second in the with four layers into the workspace again you should have 13 layers.
Icon - Make from Image-17.png

Icon - Make from Image-18.png

Icon - Make from Image-19.2.png

#10
Now we are going to save the icon Click on File then Click on Save As. Give it a name with the .ico then Click on Save. The Save as Windows Icon box will open

you should see 13 different layers when Click on Save.
Name:  19.png
Views: 3022
Size:  68.4 KB

Name:  20.png
Views: 3026
Size:  18.4 KB

Icon - Make from Image-21.png


You should have a 13 layer icon, not all icons are built the same I have seen icons with as little as one layer and as many as 24 layers so you will have to study how the icon was built.

Jerry

06 Jan 2012   #1
Infinite

Windows 7 Ultimate SP1 - 64 Bit
 
 

Doesn't a png to icon converter do the same thing, but this is manual?

My System SpecsSystem Spec
06 Jan 2012   #2
Bongo

Microsoft Community Contributor Award Recipient

Win 7 Pro x64 / Win 8.1 Pro
 
 

I just tried a online converter in only made a 6 layers 1 this give you more control.
Jerry
My System SpecsSystem Spec
06 Jan 2012   #3
boohbah

Microsoft Windows 7 Home Premium 64-bit 7600
 
 

very good tutorial jerry, i have used icofx in the past but didnt really know how to use it correctly.
i too use an online converter but as you say it gives you more control
My System SpecsSystem Spec
.


06 Jan 2012   #4
Bongo

Microsoft Community Contributor Award Recipient

Win 7 Pro x64 / Win 8.1 Pro
 
 

Thank you Julian
My System SpecsSystem Spec
06 Jan 2012   #5
kado897

Microsoft Community Contributor Award Recipient

Microsoft Windows 7 Home Premium 64-bit 7601 Multiprocessor Free Service Pack 1
 
 

A question. Why don't you just save the file as an ICO in IcoFx?
My System SpecsSystem Spec
06 Jan 2012   #6
Bongo

Microsoft Community Contributor Award Recipient

Win 7 Pro x64 / Win 8.1 Pro
 
 

Quote   Quote: Originally Posted by kado897 View Post
A question. Why don't you just save the file as an ICO in IcoFx?
In step #5 and 7 they are being saved as .ico the only reason I'm using gimp is to put them together I could not find a way to do it with IcoFx. The way icons are built as an example from the above tutorial starts out with a 48 x 48, 32x32, 24 x 24, 16 x 16, 48 x 48, 32x32, 24 x 24, 16 x 16, 256 x 256, 48 x 48, 32x32, 24 x 24, 16 x 16,
Once I had the first five images in IcoFx I could not repeat that. So I made one set of five images in one set of four images IcoFx can't put it together as you can see from above there is a repeat in the image sizes and the 256 x 256 is at the top of the third repeated images IcoFx would not let me build it that way.
Jerry
My System SpecsSystem Spec
06 Jan 2012   #7
kado897

Microsoft Community Contributor Award Recipient

Microsoft Windows 7 Home Premium 64-bit 7601 Multiprocessor Free Service Pack 1
 
 

I see. The question then is why you would put more than one image of the same size and color depth in the same icon?
My System SpecsSystem Spec
06 Jan 2012   #8
Bongo

Microsoft Community Contributor Award Recipient

Win 7 Pro x64 / Win 8.1 Pro
 
 

Quote   Quote: Originally Posted by kado897 View Post
I see. The question then is why you would put more than one image of the same size and color depth in the same icon?
I guess because that's the way Microsoft built them when I replaced an icon I built them the same way that Microsoft did so it will display correctly.
Jerry
My System SpecsSystem Spec
06 Jan 2012   #9
kado897

Microsoft Community Contributor Award Recipient

Microsoft Windows 7 Home Premium 64-bit 7601 Multiprocessor Free Service Pack 1
 
 

A 13 layer icon from imageres displayed in IcoFx. You will notice the first 5 are 32bit, the next 4 8bit and the last 4 are 4bit.

Icon - Make from Image-screenshot95_2012-01-06.png

Icon - Make from Image-screenshot96_2012-01-06.png

Icon - Make from Image-screenshot97_2012-01-06.png


My System SpecsSystem Spec
Comment

 Icon - Make from Image




Tutorial Tools



Similar help and support threads for2: Icon - Make from Image
Windows 7 Tutorial Category
Solved how to make a system image :) Backup and Restore
Unidentified icon addon image; looks like a network icon Network & Sharing
Possible to make image from applications? Software
Solved Can anyone make an icon out of this? Customization
Can't make image smaller again - help? Browsers & Mail
please help me make this a cool image Chillout Room

Our Sites

Site Links

About Us

Find Us

Windows 7 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 7" and related materials are trademarks of Microsoft Corp.

Designer Media Ltd

All times are GMT -5. The time now is 12:53 PM.
Twitter Facebook Google+



Windows 7 Forums

Seven Forums Android App Seven Forums IOS App
  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33