Adding A Favicon To Your Website

A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage.Wikipedia

For the rest of us who are not as technical. It is that tiny picture next to the browser URL area that might change when visiting one site to the next.

  1. To add one, it is simple. First you need to make a 16×16 pixel icon (or bigger) in your graphic editing program.
  2. Convert it to the accepted .ico (for icon) file extension. There are a few favicon generators online.
  3. Once you have saved the file to your computer, you will need to upload it to your web hosting space.
  4. In your layout’s template, before the ending head tag (</head>, put the following code:

<link rel="shortcut icon" href="http://YOURDOMAINHERE/favicon.ico" />
Make sure you replace “YOURDOMAINHERE” with your URL path where you have uploaded your favicon file.
Once you have done, bookmark your page. You might have to clear your computer’s cache, and also restart your browser to see the changes.
For those who use WordPress, normally this would go in your header.php file. In the case that you are deciding to use a plugin for this, dont. Just use this tutorial. It is less coding and if you are still confused, ask and I can try to help walk you through it.

Newsletter Signup

Timothy Oxendale
I’m a freelance web designer & developer and I work with great individuals, small-to-medium sized businesses and start-ups. I aim to have a great relationship with all my clients where I can add value to their business by being dependable, honest and by doing the type of work that makes a difference.

Leave a Reply

Your e-mail address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

tim oxendale View All Blog Posts

Related posts

10 Spectacular Web Design Trends for 2019

More than two-thirds of people will give up on a website if it is ugly to look at. What people view as unattractive web design can change over time, too. You definitely don’t want to be stuck with a gimmicky design that is five years out of date. Knowing what is trending going into the next  … Read more

The Importance of Website Design and What You Need to Know

Understanding the importance of website design can be difficult. This is especially true when your business is putting forth a big investment towards it. Many come to terms with the mentality that if the website exists and functions, then it’s “good enough”. This is far from the case, unfortunately. In a digital era where the  … Read more

How to Reduce Your Website Page Weight

In 2018, Google announced that it is including loading times for all sites, including mobile sites, as part of their online search rankings. Page weight is basically internet gravity that slows load time. Several forces affect your website’s performance and user experience. The way to lessen the drag is to reduce pageweight or reduce page  … Read more

Newsletter Signup