favicon

A favicon /ˈfævɪkɒn/ (short for Favorite icon), also known as a shortcut icon, Web site icon, tab icon or bookmark icon, is a file containing one or more[1] small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page.[1][2] A web designer can create such an icon and install it into a Web site (or Web page) by several means, and graphical web browsers will then make use of it.[3] 

Resource: http://en.wikipedia.org/wiki/Favicon

http://tools.dynamicdrive.com/favicon/#.U1gUqV74Jvc
http://favicon.htmlkit.com/favicon/

Not Working on SAFARI?

1. Generated 16 x 16 .PNG from Photoshop (8 bits per channel RGB - no alpha) named "favicon.png"

2. Changed file extension to .ICO and put it in the same directory of my site that the index.html file is in.

3. Entered in the following code:

<link rel="shortcut icon" href="favicon.ico" />

Worked in Firefox and Chrome, but not in Safari. Even after clearing chache.

4. Changed the name of the favicon (for example "awsomefavicon.ico") and adjusted the code.

<link rel="shortcut icon" href="awesomefavicon.ico" />