This site utilizes JavaScript to function correctly. Looks like it's disabled on your browser. Please enable it for your best experience.

For instructions on enabling JavaScript, click here

Skip to main content
Search

Just Host Web Hosting Help

Adding Favorites icon (Favicon) to site

Problem:

How can I add a favorites icon (favicon) to my site.

Solution:

Step 1 - Find an Image
  1. Most web sites use a smaller version of their logo or similar.

  2. The main consideration is to keep your icon simple and clear at such a small size.
     
  3. Most browser interfaces (the top tool bar containing the browser buttons) can display 256 colors, but it's best to use the Windows 16 colors.
Step 2 - Covert the Picture to an Icon
  1. We recommend using DynamicDrive (www.DynamicDrive.com).
Step 3 - Including the icon in your web pages
  1. Publish the icon into the root directory of your web site.

    This is the location Internet Explorer will automatically look for your favicon when a visitor bookmarks your site.

  2. Help the browser find your icon by including in the html, within the <head> tag, the following: <link rel="shortcut icon" href="http://www.your-web-site-name.com/favicon.ico">.

    Preferably nearer the closing </head> tag, because more important information, such as your meta tags , should come earlier.

  3. Save your web page and publish it.

    If you want to create different icons for different pages, simply call them something other than favicon.ico, but still retaining the .ico suffix.

    Link to them in your pages in the same way as above, just changing the href location for the different icons.

Step 4 - Testing your Icon
  1. Open Internet Explorer (version 5 or above) and bookmark your page.
     
  2. Determine if your icon stands out from other bookmarked web sites with favorites icons.
     
  3. If necessary, re-edit your icon and publish it again.

    However, you will need to remove the bookmark (Favorites > Organize Favorites, select your bookmark and click "Delete") and delete your temporary Internet files and page history (Tools > Internet Options, tab "General" and click "Delete Files" under "Temporary Internet Files" and click "Clear History" under "History").

    This may take a few minutes if you haven't done this recently.

  4. Close your browser and re-open it, bookmark your page again to check the new version of your icon.
     
  5. Repeat until you're satisfied your icon is suitably eye-catching.
Knowledgebase Article 337,504 views bookmark
share
Share or save this via:
tags: icon


Was this resource helpful?
Helpful Unhelpful


Did this resolve your issue?
Solved Unsolved


Please add any other comments or suggestions about this content:





Recommended Help Content

How To Edit My Address Bar Icon Or Favicon.ico?
Editing the address bar icon or favicon.ico
Knowledgebase Article 393,549 views tags: address favico favicon ico icon

Favicon not showing up in IE
When browsing in Internet Explorer, my favicon.ico doesn't load.
Knowledgebase Article 156,826 views tags: icon ie

Fav Icon
What is a Fav Icon and How do I change it?
Knowledgebase Article 122,932 views tags: icon

Related Help Content

Change WordPress URL's With WordPress Tools
This article will explain how to change the Site URL or Home URL setting in WordPress. This may be useful if you have moved your WordPress site or are planning to move your WordPress site.
Knowledgebase Article 274,826 views tags: home site url wordpress wordpresstools

Basic Site Security Checklist
What can I do to increase my Site Security while hosting with Just Host?
Knowledgebase Article 420,596 views tags: antivirus basic hacked keyloggers malware php security site

Upgrade CPU and Memory on CloudSites
This article explains how to add CPU and memory upgrades to a CloudSites account.
Knowledgebase Article 124,474 views tags: add cloudsites cpu memory resources upgrade

Backup and Restore with Site Backup Pro
How to restore individual files or folders with the Site Backup &amp; Restore tool
Knowledgebase Article 423,797 views tags: backup files folders restore site

Restoring Email Messages using the Site Backup Pro
How to restore Email Messages the Site Backup Pro tool
Knowledgebase Article 262,840 views tags: backup email forwarders restore site

Reseller - Add a package
How to create a package on your Reseller account.
Getting Started Article 143,461 views tags: add hosting limit package reseller

FTP - Uploading the website
How do I upload my web site?
Knowledgebase Article 1,827,191 views tags: ftp site upload uploading web website

Website Pre-Publish Checklist
You have invested a significant amount of time creating and perfecting your website, and you're ready to publish it for the world to see! Are you really though? Use this checklist to ensure your site is ready for publication.
Knowledgebase Article 82,195 views tags: checklist guide list practice publication publish site website

*Promotional pricing is for the first term only and regular rates apply upon renewal. 30-Day Money-Back Guarantee does not extend to domain names.

** Google ad credits are only available to customers in the United States, Canada, and the United Kingdom at this time.

¹ VAT (Value Added Tax) is not included in our advertised price and will be charged separately and itemized on invoices and billing information. Standard VAT rates based on EU Member State regulations may apply. Learn more.