Tutorials, guides and know hows useful on the World Wide Web: social networking, web design, programming, domains, hosting and more.
Post Reply

How to add Favicon icon to a website

Post by HowTutor » 07 Sep 2016, 21:01

Favicon is part of a website identity. It is the small icon that appears beside the site name on the website address bar.
favicon.png (31.25 KiB) Viewed 1884 times
Have you wondered how this is achieved? Its is very simple as this tutorial will showcase.

Step 1. Create you desired tine image, and must be either 16x16 or 32x32 size, and save it as favicon.ico file.
Step 2. Upload this tiny .ico file to the root directory of your website.
Step 3. Automatically, some ebsites detect this and works in some brosers. But as a final step, for 100% assurance, insert the following line in the <head> section of your web page:

Code: Select all

<link rel="icon" type="image/png" href="/favicon.ico">
Insert is before the </head> section.

And thats it. Your favicon appears in the browser region as desired.

Share this.


Post Reply
  • Similar Topics
    Last post