Welcome Guest! (App Version 5.16)

websitnero logo name

HTML Favicon

Overview

  • Favicon is a small image added on the tab of browser along with "title" text.
  • Favicon image must ideally be of size - 16 x 16, 32 x 32, 128 x 128 or 256 x 256 pixels.
  • Favicon image must be of format - .jpg, .png, .svg, .ico, .gif.

Adding favicon to an HTML page

Favicon is a small image of square shape that is shown on the tab of browser for a website along with the title-text. It serves as a branding of your website and helps a user to locate your tab in case of multiple open tabs.

Steps of creating Favicon:

  1. Create an image that you want to be as branding of your website.
  2. Crop the image to the size of a square - 16x16, 32x32, etc.
  3. Save this file in one of the following formats: .png, .jpg, .gif, .ico, .svg.
  4. Save this file into the root directory or elsewhere in your folder.
  5. Link this image in the head section of all your webpages with the code below.
<head>
  <link rel="icon" type="image/png" href="brandImage.png">
</head>

Output:

WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.