A favicon (short for favorites icon), is small image associated with a webpage. It is the icon shown on the address bar in your visitors browser when they come to your site. It is also displayed when your site is bookmarked.
It’s very easy to set up a custom favicon.
To personalize the favicon of you Mixform website simply go to Account Settings > Portfolio Settings and upload the image you would like to have as your favicon. You don’t need to worry about making the .ico file, Mixform generates it automatically for you when you upload the desired image. You will get best results howerver, if your image is 32X32 pixels, so there is no loss when your file is resized.
If you have your website someplace else other than Mixform, here is how you display a custom favicon:
- Create a 32×32 icon in both the .ico and .png formats called favicon.ico and favicon.png. The name doesn’t really matter unless you are dealing with older browsers.
- Place favicon.ico at your site root to support the older browsers (optional and only relevant for older browsers.
- Place favicon.png in my images sub-directory (just to keep things tidy).
- Add the following HTML to the <head/> element.
<link rel="icon" href="/images/favicon.png" type="image/png" />
<link rel="shortcut icon" href="/favicon.ico" />
The MIME type for .ico files was registered as image/vnd.microsoft.icon by the IANA. IE will ignore the type attribute for the shortcut icon relationship and since IE is the only browser to support this relationship you need not supply it.
Looking for ideas on what images to use as a favicon? Check out the articles below or head over to Iconfinder.net a great place to find free icons for both personal and comercial use.
Black, Abstract and Hand-Drawing
The Delicate Beauties
Creative Favicons: Tiny Artwork
Creative Favicons: When Small Is Beautiful
Inspire Yourself: More Creative Favicons
Inspire Yourself: 50 Remarkable Favicons
source:
What is currently the best way to get a favicon to display in all browsers that support Favicons?
