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

Website Image/Logo (Next to address bar)

Discussion in 'Web Design' started by Fashionable, Sep 25, 2012.

  1. Fashionable

    Fashionable Registered Member

    Joined:
    Sep 10, 2012
    Messages:
    53
    Likes Received:
    16
    Occupation:
    Account Manager for IT Company
    Location:
    United Kingdom
    Hi Guys,

    I'm creating a website for online games - things are going well, fair links, ranked highly on Google etc.

    Now I'm wondering how you would add a website address bar image. This is the image next to the website name/title - for example when you add bookmarks, or when a different tab is open. Currently when my site is open in a different tab, or is bookmarked there is no logo or image - simply a blank page (Which looks a bit naff!).

    Any ideas how I would get one of these logos/images?
     
  2. cgimaster

    cgimaster Power Member

    Joined:
    Jun 30, 2012
    Messages:
    525
    Likes Received:
    311
    Gender:
    Male
    • Thanks Thanks x 1
  3. Icemantaz

    Icemantaz Registered Member

    Joined:
    May 12, 2012
    Messages:
    52
    Likes Received:
    7
    The favicon is what it is called. It has to be a certain size and it depends on if u are using a cms like Wordpress etc u need to find out where the existing one is located
     
  4. cgimaster

    cgimaster Power Member

    Joined:
    Jun 30, 2012
    Messages:
    525
    Likes Received:
    311
    Gender:
    Male
    Usually on wordpress you have an option to change it depending on the theme youre using, if you dont have one it will most likely be on the header file from the theme you are using.

    I think, been a while since I needed to change that on a wp.
     
  5. judson

    judson Power Member

    Joined:
    Nov 29, 2009
    Messages:
    530
    Likes Received:
    319
    Occupation:
    Fulltime Newbie IM
    Location:
    Sub Ubi
    Best place to stick it (the favicon.ico) is in the root folder. Many browsers will try and call it from there by default, whether your HTML actually makes reference to it or not.

    And another quirk is that most browsers will cache the favicon for a very long time.

    So if you are developing your site and you replace the favicon, you will still see the old one.

    One quick way to get it to refresh, is to visit http://yoursite.com/favicon.ico (or whatever location your CMS is calling it from). You might still then need to CTRL+F5 to force a refresh.
     
  6. Fashionable

    Fashionable Registered Member

    Joined:
    Sep 10, 2012
    Messages:
    53
    Likes Received:
    16
    Occupation:
    Account Manager for IT Company
    Location:
    United Kingdom
    Thanks and very helpful. I'm using Weebly and you need the "Pro" service to use their Favicon. Respect for the help and I'm getting one set up now.
     
  7. ballu84

    ballu84 Newbie

    Joined:
    Oct 28, 2012
    Messages:
    12
    Likes Received:
    2
    Whoever's hosting your domain would have instructions on how to place create one for their ecosystem.