Blog Topic # 9 : What is a Favicon
The favicon is the favorite
icon, used in our browser favorites and bookmarks. We can also see the favicon
in the browser tabs.
It is also known as a shortcut
icon, Web site icon, url icon, or bookmark icon, is a
file containing one or more]small
icons, most commonly 16×16 pixels, associated with a particular Web site or Web
page.
Adobe
Photoshop does not support the ico format natively but if one use this ICO
format plugin, install it and opens the file in PS, it will ask which size
image to import. The sizes are 16px X 16px, 32px X 32px and 48px X 48px.
How To create:
1. Create
an image 16X16 pixels in size.
2. Save
the image as an ICO file (named "favicon.ico”).
3.
Upload it to your website. Put it in your root directory
and the web
4.
browsers that support favicons will apparently locate it
eventually.
To insert it in the html
First,
change the name of the favicon to "favicon.ico".
Insert the following HTML tag inside the <head> ... </head> section of your web page:
<link rel="shortcut
icon" href="favicon.ico">Insert the following HTML tag inside the <head> ... </head> section of your web page:
Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab, and site-specific browsers use the favicon as desktop icon.
When a visitor sees one favicon on their website, that can be a strong indicator that they came to the right place. Favicon improves the overall quality of a website.
No comments:
Post a Comment