1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How do I put my website's logo to be the icon image in browser tabs?

Discussion in 'Blogging' started by raginggorilla, Jan 16, 2014.

  1. raginggorilla

    raginggorilla Registered Member

    Joined:
    Mar 26, 2013
    Messages:
    74
    Likes Received:
    4
    You know, the little square box on the browser tab. Can anyone show me how to put an image there? Much appreciated, thanks.
     
  2. seeplusplus

    seeplusplus Power Member

    Joined:
    Aug 18, 2008
    Messages:
    511
    Likes Received:
    163
    It's an .ico file, goes in the domains root.

    Google "favicon", there's lots of tutorials.
     
  3. Slabs

    Slabs Regular Member

    Joined:
    Sep 23, 2013
    Messages:
    216
    Likes Received:
    259
    Occupation:
    I.T student
    Location:
    Cape Town
    Make a favicon (.ico) of your logo. Tons of online and software converters. Point your .ico to the location of your image. View your index.html and edit appropriately (usally in root folder or other external source (website)).
     
  4. raginggorilla

    raginggorilla Registered Member

    Joined:
    Mar 26, 2013
    Messages:
    74
    Likes Received:
    4
    Thanks guys, appreciate it
     
  5. pennystocks

    pennystocks Junior Member

    Joined:
    Jun 16, 2010
    Messages:
    139
    Likes Received:
    15
    Occupation:
    Anything Online
    Location:
    Montreal
    Home Page:
    you can even get custom to designs for your favicon, u can find good designers on odesk
     
  6. RedOctobre

    RedOctobre Jr. VIP Jr. VIP Premium Member

    Joined:
    Apr 12, 2012
    Messages:
    304
    Likes Received:
    103
    Location:
    USA
    Look up the dimensions for a favicon online, then you can even make it yourself with a service like Pixlr.

    Best,
    Red
     
  7. youtalkmedia

    youtalkmedia Senior Member

    Joined:
    Dec 5, 2011
    Messages:
    831
    Likes Received:
    375
    Occupation:
    Web Developer
    Location:
    Toronto
    Home Page:
    Put this in-between the <head> and </head> on your website
    Code:
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    where the icon is in your root directory called favicon.ico
     
  8. macdonjo3

    macdonjo3 Jr. VIP Jr. VIP Premium Member

    Joined:
    Nov 8, 2009
    Messages:
    5,564
    Likes Received:
    4,317
    Location:
    Toronto
    Home Page:
    I think it can be 16x16, 32x32, 64x64. Or is that icons for desktop software?

    Anyways, OP here's what you need: http://www.convertico.com/

    Build a square PNG, stick it that site, and then save favicon.ico and pop it in your site's root. However, if you're using WordPress, then there's probably a plugin for favicons.
     
  9. raginggorilla

    raginggorilla Registered Member

    Joined:
    Mar 26, 2013
    Messages:
    74
    Likes Received:
    4
    Thanks so much guys. Really helpful, I appreciate it!