Creating a Favicon

Creating a nice little favicon, is relatively simple to create using Photoshop. To begin you will need to download the ICO Plugin for Photoshop from Telegraphics.

Installing the ICO Plugin

Once you have the plugin downloaded, you need to place it in your Photoshop>> Applications>> Plugins folder. When you next startup Photoshop the plugin should be automatically detected. If not, try shutting it down and restarting Photoshop.

Create your Graphic

With the plugin installed all you need to do is create a graphic for your icon. Create a new Photoshop document and for now you can set your canvas size to 64×64px (you will resize this to 16×16px later).

Create the graphic for your icon. Now all you need to do is scaled the image back down to 16×16 and Save it as a Windows Icon.

Uploading your Icon

Now simply drop your new icon into the root folder of your website. Viola! You have an icon.

Testing, 1, 2, 3…

To get your icon to show, you may have to clear your cache and restart your browser. If you are running Safari, you will specifically have to reset the favicon cache. To do this go to Safari>> Reset Safari, and check “Remove all website icons”.