Here, we will see how to add favicon image on site using link tag in html. The favicon image size should be small with high contrast. To add the favicon image on site, first we need to create an image folder on the root directory and save it to that folder.
Next to link favicon image to the site, we need to add a link tag below the title tag in the html file. Then save this file and to reload the browser, it displays the left side of the browser. Follow the below example to create this.
Example:
<!DOCTYPE html>
<html>
<head>
<title>How To Add Favicon Image In HTML</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="c1.jpg">
</head>
<body>
<h3>Favicon Image</h3>
</body>
</html>