Internet & MacOS & Programming Daantje on 27 Jun 2008 09:58 am
How to make a transparent favicon.ico in Photoshop.
It’s only easy with this Adobe Photoshop plugin. It’s a free and open source plugin available for Adobe Photoshop CS2 and CS3 for MacOSX and Windows. Also it works on PaintShop Pro.
To make a transparent favicon, just design your icon (32 x 32 pixels) with a transparent background. Resize your image to 16 x 16 pixels and choose ‘Save for the web’ and save the image as a GIF, with transparency on (duh!). Now reopen the GIF file and choose ‘Save as…’ and save it as a Windows Icon (.ico) file. And your done.
For an other way to do it on MacOSX with the free app ‘Graphic Converter’, check my older post ‘how-to-make-a-faviconico-on-macos-x‘.
3 Responses to “How to make a transparent favicon.ico in Photoshop.”
Leave a Reply
You must be logged in to post a comment.
on 20 Aug 2008 at 11:56 pm 1.David said …
Sorry man, didn’t work for me. I could make an icon, but not with a transparent background, just plain white.
on 21 Aug 2008 at 12:07 am 2.Daantje said …
Look at this icon: http://www.jasa.nl/ it works fine, every time I do it. I use Adobe CS3 and save it as an 16×16 pixels Windows icon (favicon.ico). It works every time…
on 31 Mar 2009 at 11:39 am 3.Reza said …
Dear David
It works only with GIF and PNG formats.
Try it again