Category: 

What Is an HTML Favicon?

Article Details
  • Written By: D. Grey
  • Edited By: Susan Barwick
  • Last Modified Date: 02 September 2016
  • Copyright Protected:
    2003-2016
    Conjecture Corporation
  • Print this Article
Free Widgets for your Site/Blog
In late 19th-century London, mail was delivered to residential addresses up to twelve times each day.   more...

September 28 ,  1924 :  Two US military planes complete the first flights around the world.  more...

A hypertext markup language (HTML) favicon is a small graphic image which usually serves as a helpful visual reminder for a certain website. It is most commonly visible in the address bar of most modern web browsers as well as in the user's bookmarks or favorites list, giving rise to the term favorites icon, or favicon. An HTML favicon serves multiple purposes, including website branding and increasing ease of use for visitors. Setting up an HTML favicon involves creating a compatible image and designating its location within the website's HTML code.

Websites that use an HTML favicon are very common, most likely because of the relatively easy set up process and the benefit of increased visitor awareness. When a visitor bookmarks or adds a website to their browser's list of favorites, in most cases, the favicon will be visible in this list. This can make the site more visually apparent in the list and may allow the visitor to return to the website more easily. In addition to standard web browsers, favicons are generally visible in other online enabled devices or applications capable of retrieving them, such as mobile phones.

Ad

Adding a favicon to a website is a part of an overall website design. Oftentimes, website designers will use a favicon that represents the logo of the website, which can aid in branding practices. A quickly recognizable image used as a favicon may be displayed in locations other than just a visitor's bookmarks or favorites list, further adding to its usefulness. For example, other websites, such as news or blog post aggregation services, may use the favicon, or other identifying graphics, when providing a link to the website. Using an HTML favicon that is similar to a logo or other graphical images may help visitors to consistently remember and recognize a particular website.

The image used for an HTML favicon must follow certain guidelines in order to be displayed correctly. A size of 16 x 16 pixels or 32 x 32 pixels is required, and the color depth must be either 8-bit or 24-bit. After the image is created, it must be uploaded to the Internet, usually on the same server which hosts the website, or be made otherwise accessible by the website. Once the favicon is available, a small piece of code, designating the image's location and telling the website to display it correctly, must be added to the header section of the HTML code.

Ad

You might also Like

Recommended

Discuss this Article

Post your comments

exception 'Exception' with message 'error writing captcha: Duplicate entry '2147483647' for key 'PRIMARY'' in /ssd/www/wisegeek/public_html/_core/classes/public/Captcha.php:44
Stack trace:
#0 /ssd/www/wisegeek/public_html/_core/controls/public/ControlDiscussionPostBox.php(324): Captcha->createCaptcha()
#1 /ssd/www/wisegeek/public_html/framework/classes/Control.php(104): ControlDiscussionPostBox->preRender(false)
#2 /ssd/www/wisegeek/public_html/framework/classes/Control.php(149): Control->render()
#3 /ssd/www/wisegeek/public_html/tpl/default-nocustom-lu/pages/public/article/article.htm(526): Control->__toString()
#4 /ssd/www/wisegeek/public_html/framework/classes/Control.php(300): require('/ssd/www/wisege...')
#5 /ssd/www/wisegeek/public_html/framework/classes/Control.php(309): Control->requireTpl('pages/public/ar...', Object(PageArticleCom), true)
#6 /ssd/www/wisegeek/public_html/framework/classes/Control.php(131): Control->renderTpl('pages/public/ar...', Object(PageArticleCom))
#7 /ssd/www/wisegeek/public_html/framework/classes/FormDataControl.php(87): Control->renderTemplate()
#8 /ssd/www/wisegeek/public_html/framework/classes/Control.php(109): FormDataControl->renderTemplate()
#9 /ssd/www/wisegeek/public_html/framework/classes/ScriptPage.php(50): Control->render(false)
#10 /ssd/www/wisegeek/public_html/framework/classes/Control.php(149): ScriptPage->render()
#11 /ssd/www/wisegeek/public_html/framework/classes/Page.php(97): Control->__toString()
#12 /ssd/www/wisegeek/public_html/_core/classes/public/PublicFrontController.php(443): Page->processRequest()
#13 /ssd/www/wisegeek/public_html/_core/classes/public/PublicFrontController.php(7): PublicFrontController->renderPage()
#14 /ssd/www/wisegeek/public_html/index.php(11): PublicFrontController::run()
#15 {main}