1. Knowledge Base
  2. >
  3. Adding A Website Favicon

Adding A Website Favicon

Looking for help for the GATOR Builder by HostGator Website Builder product? Please see GATOR's Knowledge Base.
This content only applies to those using GATOR Builder by HostGator.

In today's 21st century world, branding is everything! When you see a logo that you're familiar with, a sense of relationship occurs with the product, called brand recognition, which is especially useful with frequent repetition! So, why not give your logo some special treatment by adding it as a "Favicon" to your website?

A "Favicon," or "Favorite icon" ironically, is a type of file containing one (or in some cases more) small icons (typically around 50X50 Pixels) which are associated with a particular website or web pages. Most browsers provide favicon support, which has the effect of displaying the favicon file you choose in the browser's address bar. Sometimes the favicon can view in the history as well as next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface will show a page's favicon next to the page's title on the tab, and site-specific browsers use the favicon as a desktop icon.

As you can see, there are many uses and reasons to add a favicon and the first step, is to create the file!


Adding a Favicon to your Gator website:

Since most Favicons are minimal, you'll want to have a separate logo file made to be around 50 pixels by 50 and in one of these formats: PNG, GIF, or JPEG.

Below are some common Favicon examples:

User-added image

Once you have your favicon file, follow these steps to begin adding to your website:

  1. From your main design dashboard, in the left-hand menu, click the Manage gear icon and then select Favicon.

    User-added image

  2. From the Favicon menu, you will be able to upload a file from your computer by clicking Add Favicon
Once the image is loaded, you should see a preview of it in the Favicon menu where you can Change or Delete. When you are finished and satisfied with the addition, click back into your design editor background to return to the dashboard.