Website Image/Logo (Next to address bar)

Fashionable

Junior Member
Joined
Sep 10, 2012
Messages
148
Reaction score
87
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?
 
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
 
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

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.
 
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.
 
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.
 
Whoever's hosting your domain would have instructions on how to place create one for their ecosystem.
 
Back
Top