Creating transparent icon with GIMP

Hi,

I am using GIMP to create a desktop icon. I create a multi-layer ICO file with the same picture sized to 256*256, 48*48, 32*32 and 16*16 with a transparent background. This all works perfectly and as I change the size in Windows Explorer the icon size changes smoothly as hoped. There is however one annoying issue - on the desktop or in Windows explorer the background is blank except for a shadow / border around the edge. I have re-edited the XCF file and made sure the background is transparent but to no avail.

Can anyone suggest what I have done ?

Thanks
LVL 3
AL_XResearchAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Paul SauvéRetiredCommented:
>>I create a multi-layer ICO file with the same picture sized to 256*256, 48*48, 32*32 and 16*16 with a transparent background.

Have you saved each layer separately as a .gif file? Otherwise, if each layer has a transparent background AND the layers are different sizes, they will show through.

I'm having a bit of difficulty understanding your process...
0
AL_XResearchAuthor Commented:
paulsauve thanks for your response but I am a little confused - how can I create one multi-sized ICO file from multiple GIF files ?

The standard way to create ICO files in GIMP (as shown on multiple websites) is to create an image on one layer, duplicate it and scale to the next smaller size, duplicate the layer again and scale and so on and so forth. You then export the file as an ICO.

This I have done and it works perfectly - except for the border that is.
0
Paul SauvéRetiredCommented:
OK - I see. I use GIMP mostly for photo editing & I have created a few animated gif files as well. I'll give the ico a go & get back to you.
0
Cloud Class® Course: CompTIA Healthcare IT Tech

This course will help prep you to earn the CompTIA Healthcare IT Technician certification showing that you have the knowledge and skills needed to succeed in installing, managing, and troubleshooting IT systems in medical and clinical settings.

AL_XResearchAuthor Commented:
Thanks very much for your efforts. I just have the feeling of "close but no cigar" !
0
Paul SauvéRetiredCommented:
OK - I started with a jpg file and scaled layers as above (256*256, 48*48, 32*32 and 16*16), then Export as .ico. The largest layer on the bottom and subsequent smaller sizes on top. Here is the result: icons...

Desktop, IE-Explorer, Safari & Firefox. I get a border on the desktop (as you see in the image) ONLY when the icon is selected.

I find it strange, however, that I get all four sizes, depending on what I use to view the icon!
0
AL_XResearchAuthor Commented:
Well I tried reversing the order of my layers (as you did) small at the top and large at the bottom but still no joy. When on the desktop and not highlighted (i.e. hover your mouse over) then there is no border but when I highlight it there is a border. I have taken some screenshots below.

Icons for other programs such as Chrome, BBC iPlayer and Malwarebytes have transparent backgrounds and no border when highlighted,No highlight - no borderHighlight - border
This is the same on the desktop or in windows explorer.
0
Paul SauvéRetiredCommented:
AHHHH! Do tell.

Please post a copy of the ORIGINAL image.

I'm using GIMP 2.8.4, ieexp 10, Win7 64bit HomePrem.
0
AL_XResearchAuthor Commented:
I am using GIMP 2.8.2 on Win7 x64 IE 10.0.2009.

I tried uploading the ICO and XCF of the origional image but EE stopped me. I will rename the XCF as a a TXT and try again.
Red-button.txt
0
AL_XResearchAuthor Commented:
.... sorry I should say that it is Win7 x64 Professional.
0
Paul SauvéRetiredCommented:
Yes - I see the square border on MY desktop as well, even if it's NOT selected.borderHowever I don't see it IE, Firefox or Safari (it doesn't open in Chrome!) So perhaps there is ne real problem with your version!No borders
0
AL_XResearchAuthor Commented:
Well yes, when I look at the icon in IE it does not display a border. But that is not the question: why is a border shown on the desktop ? It even shows in your version of Windows but other icons from Google and other programs that have a sphere base do not have the border.
0
Paul SauvéRetiredCommented:
It isn't really used as an icon on the desktop, it is the actual .ico file. However, I selected it as an icon for a shortcut, and it displays correctly!as an iconas a .ico file
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
AL_XResearchAuthor Commented:
I see what you mean; Windows is interpreting the ICO file (when it itself is shown) as an image file and putting a border around it. When the file is used as an 'icon resource' then it is shown correctly. That makes a lot of sense.

I tried the same test and initially still got a border around it - however I had made a shortcut to the ICO file and hence windows was still treating it as an image file. Once I created a shortcut to a text file and used the icon file as the shortcut's icon it worked.

Thanks allot. Sometimes you need someone to point out the obvious to prevent you going round in circles !
0
Paul SauvéRetiredCommented:
Well, I learned how to create icons using GIMP - so thank you too.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Graphics Software

From novice to tech pro — start learning today.