Web Development

An HTML favicon is a custom icon usually seen next to the address of the browser. It may sometimes be seen on tabs on tabbed browsers.

Almost all browsers support showing the favicon. Traditionally, a favicon has a size of 16 pixels by 16 pixels.

Designing a favicon for a website is an easy task, although it involves some knowledge in image resizing. A favicon is usually created as a large image and often reduced to the magical 16 × 16 pixel size.

Website owners usually create favicons that resemble their site or company logos.

Benefits of Favicons

  • Bookmarks become more identifiable. For example an Amazon link bookmarked would have Amazon’s logo on it.
  • On tab-enabled browsers, favicons can be seen.
  • On aggregating feeds, favicons become useful when the software also reads the favicons.

With this kind of branding, favicons have become popular with them because of its ability to increase customer awareness of their own websites and/or companies.

Favicon Examples

Here are a few examples from prominent individual and company websites on different browsers

Chrome

favicons_on_chrome.png

Firefox

favicon_firefox.png