Pages

Tuesday, August 2, 2011

Make your website stand out with a favicon

A favicon is used to display a site logo or any custom icon, next to a website's URL in the address bar. It appears also in the Favorites/Bookmark menu and helps a site get noticed easily from the user’s crowded list of web URLs.

Favicons are small, 16-by-16 pixel images. You can use graphic software to create favicons or you can download a free favicon generator online.

When you’re ready with your favicon, here are the steps to display it:
  1. Rename the newly created image file to "favicon.ico" and upload it to your main site directory using an FTP client.
  2. Place the following code between the <head> </head> tags:
<link rel="icon" href="/your_directory_url/favicon.ico">

If you're using a PNG or an animated favicon, use the following code:

PNG: <link rel="icon" href="/your_directory_url/favicon.png" type="image/png">

Animated GIF: <link rel="icon" href="/your_directory_url/favicon.gif" type="image/gif">

Remember to indicate the correct directory URL where you uploaded the favicon.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.