Icons in URL address bar

Discussion in 'HTML & Website Design' started by spin, Aug 1, 2007.

  1. #1
    In internet explorer on some sites they show little icons to the left of the URL address bar and when doing bookmarks. My question is how do you get icon on to your url when someone types it in to visit you website or how do you get it to show your icon when your website is saved in Favs .....:D
     
    spin, Aug 1, 2007 IP
  2. Colleen

    Colleen Illustrious Member

    Messages:
    6,777
    Likes Received:
    725
    Best Answers:
    1
    Trophy Points:
    430
    #2
    You need to design a graphic and save it as favicon.ico and upload it to the root of your website, you don't have to code it in as the browser will grab it automatically so long as you've uploaded it and given it the correct name (favicon.ico), not sure about older browsers.
     
    Colleen, Aug 1, 2007 IP
    samantha pia likes this.
  3. AstarothSolutions

    AstarothSolutions Peon

    Messages:
    2,680
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    0
    #3
    There is a header tag that you can add to the HTML to help on its pickup, particularly with older browsers:
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />

    The file does need to be an icon rather than gif/ jpg etc for full support - if you google it you will come across a number of free online and downloadable tools to convert image files into icons
     
    AstarothSolutions, Aug 2, 2007 IP
  4. Corey Bryant

    Corey Bryant Texan at Heart

    Messages:
    1,126
    Likes Received:
    51
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Corey Bryant, Aug 2, 2007 IP
  5. Dr Small

    Dr Small Guest

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Or you could just use Gimp or Paint to convert the image to a GIF rather than downloading some specific software, where all it does is convert gifs. You can always look around and use your resources.

    Dr Small
     
    Dr Small, Aug 2, 2007 IP
  6. AstarothSolutions

    AstarothSolutions Peon

    Messages:
    2,680
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Favicons are supposed to be Icons not Gifs though and so for maximum compatibility with older browsers an icon file should be used and as far as I am aware GIMP doesnt support .ico files
     
    AstarothSolutions, Aug 3, 2007 IP
  7. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #7
    with a command-loine tool (I guess they're assuming GIMPers are all Linux users) you can actually make an .ico with GIMP. You have to save in a raw format with .pnm (or .p-whatever-m) and then use the command-line tool to convert it.

    Tool is called ppmtowinicon.
     
    Stomme poes, Aug 3, 2007 IP
  8. Emma Nelson

    Emma Nelson Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Hi I just created a post with easy to follow instructions. Especially if your using wordpress. My site is www.itsWriteNow.com
    Good Luck :)
     
    Emma Nelson, Aug 6, 2007 IP