How to add Favicon icon to a website

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

How to add Favicon icon to a website

Postby 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 654 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.

  • Similar Topics
    Last post

Return to “The Internet, Web”

Online now

Users browsing this section: No registered users and 1 guest