There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
access audio avg avg 8 bios blue screen boot bsod computer connection cpu crash css dell desktop dma driver drivers dvd email error excel explorer firefox firefox 3 freeze gimp graphics hard drive hardware hijackthis hjt install internet internet explorer itunes keyboard laptop macro malware monitor motherboard network networking outlook outlook 2003 outlook 2007 outlook express pio problem problems router seo server slow sound sp3 spyware trojan usb video virtumonde virus vista vundo windows windows vista windows xp winxp wireless
Digital Photography & Imaging
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Software & Hardware > Digital Photography & Imaging >
[SOLVED] transparent favicon . . . HOW??


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

 
Thread Tools
RandyG's Avatar
Distinguished Member with 8,052 posts.
 
Join Date: Jun 2000
Location: American living in Dublin, Ireland
Experience: Advanced
13-Jan-2004, 10:57 AM #1
transparent favicon . . . HOW??
Hi Guys!

I've been playing around with favicons and am getting really annoyed at not being able to get a transparent background for mine.

Now, I have the image, and save it as a gif with transparent background, then use IrfanView to convert it to ico file. It shows a white background.

I searched around and found a post saying that ico's should have a default transparent background and that would be whatever the color of the pixel at the top left corner is, so I saved the durn thing with a white background and a black background . . . both display colored backgrounds.


I found another reference that IE6 does not display the transparent background as transparent, which I am beginning to believe except for one thing . . . all of the other favicon's in my favorites folder displaying with transparent backgrounds.


Does anyone know how I can get this to work??

I've attached the gif file, which definitely has a transparent background. this is the one I used ot make the favicon.ico.

Attached Images
(attached image) 
__________________
Please let us know what answers your question, or fixes your problem.

Have you thought about donating to TSG??? No more ads, and help keep this site alive!!!

Don't meddle in the affairs of dragons, for you are crunchy and taste good with ketchup!!

Last edited by RandyG : 13-Jan-2004 11:02 AM.
RandyG's Avatar
Distinguished Member with 8,052 posts.
 
Join Date: Jun 2000
Location: American living in Dublin, Ireland
Experience: Advanced
13-Jan-2004, 11:00 AM #2
Just to show you what is showing up for me


Attached Thumbnails
solved-transparent-favicon-how-screenshot009.jpg  
sekirt's Avatar
Distinguished Member with 4,000 posts.
 
Join Date: Mar 2003
Location: Michigan
13-Jan-2004, 12:37 PM #3
Hi Randy
Haven't got time to research the results, so only half an answer. Hope it leads you in the right direction:

http://www.passtheshareware.com/c-icons.htm

I asked the Great Google: Make transparent ico files freeware

sekirt
bassetman's Avatar
Computer Specs
Moderator with 46,217 posts.
 
Join Date: Jun 2001
Location: Great White North (WI)
Experience: Getting somewhere I hope
13-Jan-2004, 01:02 PM #4
Hi

Try this one!

Attached Images
(attached image) 
bassetman's Avatar
Computer Specs
Moderator with 46,217 posts.
 
Join Date: Jun 2001
Location: Great White North (WI)
Experience: Getting somewhere I hope
13-Jan-2004, 01:08 PM #5
Here is what I did in PhotShop Randy.

Attached Thumbnails
solved-transparent-favicon-how-export-gif-t-01.jpg  
RandyG's Avatar
Distinguished Member with 8,052 posts.
 
Join Date: Jun 2000
Location: American living in Dublin, Ireland
Experience: Advanced
14-Jan-2004, 06:30 AM #6
Thanx for the try Bass, but here's what it looks like after saving your gif as an ico file

Attached Thumbnails
solved-transparent-favicon-how-screenshot011.jpg  
RandyG's Avatar
Distinguished Member with 8,052 posts.
 
Join Date: Jun 2000
Location: American living in Dublin, Ireland
Experience: Advanced
14-Jan-2004, 06:42 AM #7
sekirt - thanx for the attempt. I tried some of the apps found at your link, and all of the ones that mention Transparent backgrounds refer to the text box for Shortcuts on your desktop. They were apps that run on your local machine to make your local desktop look different, and not used for favicons.



Still looking!!
__________________
Please let us know what answers your question, or fixes your problem.

Have you thought about donating to TSG??? No more ads, and help keep this site alive!!!

Don't meddle in the affairs of dragons, for you are crunchy and taste good with ketchup!!
bassetman's Avatar
Computer Specs
Moderator with 46,217 posts.
 
Join Date: Jun 2001
Location: Great White North (WI)
Experience: Getting somewhere I hope
14-Jan-2004, 11:17 AM #8
Quote:
Originally posted by RandyG:
Thanx for the try Bass, but here's what it looks like after saving your gif as an ico file

So you need more of the bg color transparent?
RandyG's Avatar
Distinguished Member with 8,052 posts.
 
Join Date: Jun 2000
Location: American living in Dublin, Ireland
Experience: Advanced
14-Jan-2004, 11:23 AM #9
what I'm saying is that your gif and my gif are transparent, but when you convert it to an ico file, it is no longer transparent.

You made your background look more like what a standard IE Menu bar is, but it looked even worse. basically, if I can't get the stupid favicon.ico to have a transparent background, then I'll leave it white.
__________________
Please let us know what answers your question, or fixes your problem.

Have you thought about donating to TSG??? No more ads, and help keep this site alive!!!

Don't meddle in the affairs of dragons, for you are crunchy and taste good with ketchup!!
bassetman's Avatar
Computer Specs
Moderator with 46,217 posts.
 
Join Date: Jun 2001
Location: Great White North (WI)
Experience: Getting somewhere I hope
14-Jan-2004, 11:24 AM #10
This one looks fine on a white bg. I could take some more of the white, but I think that will take away some of the shimmer on the logo, unless that's OK by you.

Attached Images
(attached image) 

Last edited by bassetman : 14-Jan-2004 11:30 AM.
RandyG's Avatar
Distinguished Member with 8,052 posts.
 
Join Date: Jun 2000
Location: American living in Dublin, Ireland
Experience: Advanced
15-Jan-2004, 08:16 AM #11
Can anyone try to bookmark www.ogills.com and tell me what icon you get??

Does it have a transparent background, or a white one?
cybertech's Avatar
Computer Specs
Moderator with 58,474 posts.
 
Join Date: Apr 2002
Location: Washington State
15-Jan-2004, 10:19 AM #12
Here you go...

RandyG's Avatar
Distinguished Member with 8,052 posts.
 
Join Date: Jun 2000
Location: American living in Dublin, Ireland
Experience: Advanced
15-Jan-2004, 10:21 AM #13
Yep, same as mine, so it's not just my machine!!

Thanx for confirming.
Flrman1's Avatar
Distinguished Member with 46,431 posts.
 
Join Date: Jul 2002
Location: Thomasville NC
Experience: 100% Geek
15-Jan-2004, 10:25 AM #14
Moved to Digital imaging.
bassetman's Avatar
Computer Specs
Moderator with 46,217 posts.
 
Join Date: Jun 2001
Location: Great White North (WI)
Experience: Getting somewhere I hope
15-Jan-2004, 12:08 PM #15
Randy, thanks for the heads up re: the new Irfanview!
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are Off
Refbacks are Off

You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 10:44 PM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.