Favicon
Jump to navigation
Jump to search
About
The favicon.ico is a tiny image (16x16) that a browser looks for on a website, and uses as a little icon for the tab.
To add a little 16x16 web site/tab/favicon/bookmark icon to your website:
- Create a 16x16 transparent PNG image (try Pixlr online editor).
- Use a tool that generates .ico files (try FavIcon Generator) to turn this into a "favicon.ico".
- Upload this file to your website under an images subdirectory... so: images/favicon.ico
- Add this HTML to your master webpages:
<!doctype html>
...
<head>
<title>My website</title>
<link rel="shortcut icon" type="image/jpg" href="images/favicon.ico"/>
</head>
...For most content managed website generators, including Google Sites, there will be an option under settings to upload your favicon, else they might even let you upload a PNG file and do the conversion for you. Sadly a ".ico" is it's own image format, and usually not that many image editing programs support saving to this format.
Links
- FavIcon Generator - a tool I recommended to generate your actual favicon.
- Wikipedia - Favicon - Wikipedia's entry with more information.
