Home

  • Basic Tutorial
  • Overview

    Domain Name

    Web Host

    Designing

    Uploading

  • Other Information
  • E-Commerce Website

    Making Money

    Getting Traffic

    Website Additions

  • Navigation
  • Sitemap

     

     

    Home > Website Additions >

    Creating a Favicon

    You may have wondered or not ever really noticed those little logos or icons you can see in bookmarks and next to the website URL. Anyone can create those and it's not hard.

    There are two positive impacts on favicon:

    1) More memorable website.

    2) You can see bookmark count with favicon. This is because everytime someone bookmarks a website with favicon, they create a request to the icon and those actions can be logged and counted.

    Well how to create it? I'll give the steps here:

    1) Create a picture sized 16 x 16 pixels and draw your icon. You can use any drawing program. Alternatively you may size it so you can divide it with 16, like 64 and that way you have more freedom to create the icon. In the end, you resize it to 16 x 16 but at this stage low quality editors can ruin the icon.

    2) Move the icon to the desired location of your web server. Then add the following code to the head part of your source code:

    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />

    Where /image/favicon.ico is the address to the icon.