Graphic/Web Design Blog


A great resource for web and graphic design for beginner and advanced designers. Learn about Adobe Software, XHTML, CSS and PHP coding, Design Jargon and other resources to help you.

Adding a Favicon to your Website

Adding a favicon to your website can be done with an online favicon generator and one line of html code.

First, check out this site to create your favicon out of a square image or if you prefer to create it in Adobe Photoshop you will need to download a plug in from telegraphics. Remember favicons are 16×16 square images so simple images are better.

Next, save this image to the root directory of your website.

Finally, add this snippet of code to the header section of each webpage:

<link rel=”shortcut icon” href=”favicon.ico” type=”image/ico” />

This method is pretty universal but should be checked in many popular browsers. It should also be noted that depending on some servers the favicon man not display immediately.

Share and Enjoy:
  • Digg
  • Design Float
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • E-mail this story to a friend!
  • Furl
  • LinkedIn
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • TwitThis

Tags: , , , ,


Leave a Reply