administration mode

Performance Peek blog

Article: Your Website’s Identity »

CHRISTIAN DENCKER - JAN 4, 2009 (07:55:35 PM)

What is a favicon? Favicon is an icon associated with a particular website or webpage which is shown next to the url in the url bar in the browser. It is also known as website icon, page icon, and/or url icon.

First of all you need to open a designing software (Adobe Photoshop if you have it), or get a 16 x 16 png for your website your logo or some icon that represents you, and then you can convert it using one of the online converters.

The format for the image you have chosen must be 16x16 pixels or 32x32 pixels, using either 8-bit or 24-bit colors. The format of the image must be one of PNG (a W3C standard), GIF, or ICO.

The first approach for specifying a favicon is to use the rel attribute value "icon" and to define what the value means via a profile; profiles are discussed in more detail below. In this HTML 4.01 example, the favicon identified via the URI http://example.com/myicon.png as being a favicon:

<!DOCTYPE html 
PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
type="image/png"  href="http://example.com/myicon.png">
[…]
</head>
[…]
</html>

The XHTML 1.0 version looks very similar:

<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml" 
xml:lang="en-US"
lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
type="image/png"  href="/somewhere/myicon.png" />
[…]
</head>
[…] 

However you can find more details here -> 
http://www.favicon.cc/

 

comments disabled