Jackson Whelan » photoshop http://jacksonwhelan.com Web Designer & WordPress Developer in Vermont, USA Wed, 01 Sep 2010 17:51:04 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Creating a Custom favicon.ico Graphic http://jacksonwhelan.com/2007/05/creating-a-custom-faviconico-graphic/ http://jacksonwhelan.com/2007/05/creating-a-custom-faviconico-graphic/#comments Tue, 15 May 2007 20:57:06 +0000 Jackson http://pix.elpusher.com/?p=3 A favicon.ico graphic is a 16×16 pixel image, displayed to the left of the URL in the browser address field. It may also be displayed alongside the title in a user’s bookmarks list, or in the history list.

What is this strange ‘.ico’ file format? Truth be known, it’s nothing other than a lowly 8-bit BMP file, renamed with the ‘.ico’ extension. You can create your own easily using Fireworks or Photoshop. Start with a 16×16 pixel canvas in RGB color space at 72dpi. Once it’s to your liking export the image to the root level of your site as ‘favicon.bmp’, using BMP8 as your export format. Then re-name the file with the ‘.ico’ extension and upload.

The final step is linking to the shortcut icon in the source of the page. By adding this code to the head:

<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico" type="image/ico" />

]]> http://jacksonwhelan.com/2007/05/creating-a-custom-faviconico-graphic/feed/ 0