Graphic/Web Design Blog

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.

Ever wonder how striped backgrounds are created? Most of them are created using an online stripe generator. This shouldn’t be considered cheating, and is really handy for new designers without the income to have software like Adobe Photoshop or Illustrator. For the veteran designer, this service allows more time to code pages rather than Photoshop a striped background.