How to create a website icon that shows in the URL?

I see that some websites have an icon in the url field in your browser. Look at dp it has its little logo in the url in the browser. (it does for me on ie7).

How do you create these and apply them to your website? is it an image? or an .ico file?

 

it's an .ico file
several graphic SW can create .ico files
the size of the .ico is 16x16 px

then

1.
upload that file on domain/root level - in this example as file
favicon.ico

and
2.
in each HTML page - a new meta tag needs to be added

<link rel="shortcut icon" href="/favicon.ico" type="image/x-ico">

if you offer offline pages for reading - such as I do - then you may add a RELATIVE path instead of above server-root to assure that all offline read pages also show the favicon in the browser.

there might be other versions - above is the method i use since many years on my site.

 

With all those post you have I would of thought you would of seen all the other threads about this, usually one a week at least.

Anyway you didn't see here we go.

They are called favicon's or the actaul file should be favicon.ico You don't have to add a meta tag to a page (but helps), as long as the favicon.ico is in the root level of your site it should be picked up and shown.

If you want to make one the best place for this (and takes out all trouble out of doing things yourself) is http://www.htmlkit.com/services/favicon/

You will also get instructions on how to make one, where to place it and whats best practice.

Hope that helps.

 

Cool thanks for your help!
There was already an icon in my root that came with the script i got for my website so i replaced it with a new icon i just made but when i open the website it still shows the old one.

 

I don't see an icon nor a link to your icon...

check it out.

 

I 've seen websites use both the following tags to use a favicon

<link rel="shortcut icon" href="http://www.mysite.com/favicon.ico" type="image/ico" />
<link rel="shortcut icon" href="http://www.mysite.com/favicon.ico" type="image/x-icon">

Code (markup):

If you still see the old image delete the cache of your web navigator or press F5 to refresh the contents of the page and reload.

Happens to me all the time when i am behind a proxy

 

Lol, I made random icons on my site.

 

thats called the Favicon all you need to do is make an image save it as .ico and upload it to ur public_html folder and you have it!

 

btw, If you don't have something to create icons, you can do it www(dot)favicon(dot)cc

you can draw it or upload your image to make a custom icon.