How to Create a Favicon

Website Branding Tip on How to Create a Favicon

1. Go to Dynamic Drive and use their free online icon generator.

2. Create the icon image however you wish. Using your company’s initials works well or use a simplified version of your logo.

3. When you are done creating you will be able to preview how it will look and download it to your hard drive.

4. After you’ve created your favicon, it’s time to add it to your site. To do so, follow the below simple procedure:

  1. Upload the generated file (“favicon.ico”) to your site. Verify it’s there by typing http://mysite.com/favicon.ico in the browser’s location, where “mysite.com” is your site’s address.
  2. Next, insert the below code in the HEAD section of your pages, at the very least, your site’s main index page:
  3. <link rel=”shortcut icon” href=”/favicon.ico” />

  4. That’s it! Note that your favicon may not appear immediately after you’ve completed the above two steps. In fact, it may take a few days, and in IE, sometimes the favicon will disappear from time to time due to a browser bug.
This entry was posted in Web Branding, Web Graphics. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*


three + five =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>