HTML Favicon

A favicon (short for "favorite icon") is a small, often square-shaped icon that is displayed in a web browser's tab, bookmark bar, or other UI elements to represent a website. The favicon is usually a small image file, typically in the .ico or .png format, that is included in the HTML code of the website.

To add a favicon to your website, you can follow these steps:

  1. Create a small icon image, usually 16x16 pixels or 32x32 pixels in size. You can create this using an image editor like Photoshop or GIMP.
  2. Save the icon image in the .ico or .png format, and give it a descriptive name, such as "favicon.ico" or "favicon.png".
  3. Upload the icon image to your website's root directory using FTP or a file manager tool provided by your hosting provider.
  4. Add the following HTML code to the section of your website's HTML code:
<head>
      <link rel="icon" type="image/png" href="favicon.png">
      <title>My Website</title>
      ...
    </head>

In this code, replace "favicon.png" with the name of your favicon file, and adjust the file type and path as needed.

By adding a favicon to your website, you can improve its branding and make it easier for users to identify and navigate to your site among their open tabs and bookmarks.

Next Article ❯