Adding a Favicon to your website

This tutorial will go over the process of adding a favicon to your website.  A favicon is the small little logo in the left of the URL bar.  These are nice little additions to your website and really help when people have multiple tabs open to show them which site is on which tab.  They are a small feature but really contribute to the professional feel of your website.

Ok so first thing is first, when creating your favicon you want to make an image that is 15×15 pixels.  Then save this image as a .ico file extension.  This can be done really easily in photoshop by simply going to file > save as > and then writing in  [yourfilename.ico]

Now that you have your icon created you will want to add the following line of code into the head section of your website just below the title tag:

<link rel=”shortcut icon” href=”favicon.ico”>

That is all there is too it, with those simple steps your website will have a favicon installed and visible for all of your users to injoy.  As always if you have any questions feel free to drop us a comment below this tutorial and a member of our team will get back with you.