favicon distraction

While I should have been working diligently through my PHP book today, I was distracted messing around with my favicon (I tend to get distracted messing around with Fireworks all too often). For those unfamiliar, a favicon is the little icon that comes up by the address bar and shows up when you bookmark a site. The basic favicon in 16×16 pixels, however favicons frequently have multiple files within them, each in a different size. The purpose for this is so the icon can be used at various sizes and still look decent, because blowing up a 16×16 image would look pretty ridiculous. While creating a favicon is trivial with the appropriate program (I use Fireworks), adding the files together into one .ico file requires another program. I found a simple program that seems to do a good job. I created 3 .png files; at sizes 16×16, 32×32, 64X64, and put them all into one.  After experimenting with a few designs I realized that I should keep it simple, because its hard to make something look good at 16×16 pixels. See an article about favicons here.

*don’t forget to add the code below into the <head> section

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

*if you do not want to mess around with multiple resolution favicons I would suggest just going with a simple site like http://www.favicon.cc/ to convert an image to .ico

This entry was posted in web design and tagged . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

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>

Spam Protection by WP-SpamFree