Favicon

Discussion in 'HTML & Website Design' started by oo7ml, Sep 11, 2007.

0
  1. #1
    How do you create a favicon that has a transparent background. If you look at this site you can see that they have a transparent background around there favicon
     
    oo7ml, Sep 11, 2007 IP
  2. gotlinks

    gotlinks Notable Member

    Messages:
    2,982
    Likes Received:
    162
    Best Answers:
    0
    Trophy Points:
    245
    #2
    If anyone can shed light on this for me as well. I would really like to be able to do this.

    :D
     
    gotlinks, Sep 11, 2007 IP
  3. adamk1

    adamk1 Active Member

    Messages:
    110
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    #3
    I have never tried but can't you just use transparent background on photoshop?
     
    adamk1, Sep 11, 2007 IP
  4. itssangy

    itssangy Peon

    Messages:
    135
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You can use a 16x16 gif or 16x16 png
    those formats support transparency
     
    itssangy, Sep 11, 2007 IP
  5. Jaques

    Jaques Guest

    Messages:
    373
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #5
    i dont think its possible due to favicon has to be .ico and it does not support transparency i think, and why transparent just make it white isnt the background white next to the url???

    not sure if im right, just what i think :p
     
    Jaques, Sep 11, 2007 IP
  6. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #6
    Please do not think of only YOUR browser. Think of everyone else who has a custom skin, etc. And I doubt it's white, it's probably a very very light shade of grey.
     
    soulscratch, Sep 11, 2007 IP
  7. Jaques

    Jaques Guest

    Messages:
    373
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #7
    mines white yes, and how many people do you really think has custom skins???

    either way no need to attack me, like i said "thats what i think"
     
    Jaques, Sep 11, 2007 IP
  8. Xabber

    Xabber Active Member

    Messages:
    437
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #8
    I use a custom skin, the standards are boring.

    Anyway, I guess .GIF will work :)
     
    Xabber, Sep 11, 2007 IP
  9. oo7ml

    oo7ml Well-Known Member

    Messages:
    656
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    105
    #9
    Still no one has found a work around, i am very surprised as this site DP, has a transparent background. I don't usually look at the address bar for the favicon.... I use Fire Fox myself and when i have multiple tabs open, that is where i tend to look at the favicons of different sites... Thanks to all of you who have tried anyway
     
    oo7ml, Sep 12, 2007 IP
  10. killerj

    killerj Active Member

    Messages:
    765
    Likes Received:
    34
    Best Answers:
    0
    Trophy Points:
    95
    #10
    make a transparent PNG , convert it to an ico . If all goes well , you'll have a transparent icon :)
     

    Attached Files:

    killerj, Sep 12, 2007 IP
  11. krt

    krt Well-Known Member

    Messages:
    829
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    120
    #11
    Favicons are not just displayed on the address bar where it is generally (close enough to) white, for example, the tab and bookmark bars have grey backgrounds.

    Many answers here:
    http://www.google.com/search?q=transparent+ico
     
    krt, Sep 12, 2007 IP
  12. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #12
    I don't use Photoshop. Too poor. So now I'm curious, what happens when you simply have a gif with transparent background? Is a background colour added or something?

    Though I guess it's not that easy, or people wouldn't ask.
     
    Stomme poes, Sep 12, 2007 IP
  13. powerlifer

    powerlifer Active Member

    Messages:
    2,002
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    78
    #13
    If you have a .gif with a transparent background, it would blend it with whatever colour is on the page background
     
    powerlifer, Sep 12, 2007 IP
  14. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Sorry to bring up an old thread, but I've just made my first transparent favicon in GIMP and while looking at the image itself in any image viewer, as well as simply in the browser, it's transparent alright... but in FireFox I've got a permanent black background set. I know the image is transparent, and I know the link code in my <head> are good. I'm looking at other transparent favicons right now so I can't imaging it's a browser setting. Anyone know what's causing this?

    Crap nevermind it was server caching... DUH.

    For those with GIMP (and it doesn't have to be 2.4, it works in 2.2 as well and maybe earlier-- I had been using the manual PPMconverter but this link was very nice):
    http://www.techanswerguy.com/2007/03/creating-transparent-faviconico-with.html
     
    Stomme poes, Feb 14, 2008 IP