What is a Favicon?

What's a favicon?
It is a small customized photo or logo that appears in the address line of your website.

What file format is it in?
It is in a Windows Icon file format (.ico)

Is this a file format that Photoshop natively supports?
No, but there is a Plug-in that can be uploaded to be able to export the .ico file.

How do you create a favicon?
You can create one in Photoshop, or there are sites that will let you upload an image and create one for you so all you need to do is download the file into your root folder and add the provided HTML code to your page. I added one to my final website this way and it was really easy!

How do you add one to your HTML code?
For the html code, all you need to place in between the opening and closing ”head” tags is the following:

link rel="shortcut icon" href="favicon.ico" (In between carrots, of course. But everytime I tried ot type it in the blog it messesd up my text).

Where does it appear?
Next to the web address in the address bar on the left.

How does it affect bookmarks?
Some browsers will not refresh the flavicon unless the site has been bookmarked.

Why use a favicon?
It is a simple way to add more custom features to your website and further your brand message.