Favicons: The Internet’s greatest mysetery revealed

What is a favicon? Where did they come from and how are they made?

The earliest evidence of favicons can be traced to the ancient Mayans dating back as far as 1,400 BC.

first Mayan favicon

Today, the favicon is still a mystery to many. There are numerous websites on the topic, some with content far overreaching anything a favicon could ever be, while others provide online favicon generators, and still some insist on Photoshop plugins to save .ico files.

A favicon is a 16 x 16 pixel icon that shows up next to your URL in a browser and will get saved with bookmarks for your site. Pretty neat. To make your own favicon:

1. Design or resize a picture in a graphics app like Photoshop, Gimp, or Picnik probably anything will work. Save as a gif (just feels safe since it too is ancient).

2. Rename from “favicon.gif” to “favicon.ico”.

3. Upload to your website directory and add this meta tag to the head section: <link rel=”shortcut icon” href=”favicon.ico” />

Using Wordpress? Drop your favicon into your theme directory (/wp-content/themes/yourtheme) and add this to your “header.php”: <link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />

Happy faviconing!

3 people have shared what they thought:

    I appreciate this post to its fullest potential.

    Emma on March 23, 2010

    im afraid i once again looked like a nerd when i couldnt stifle a laugh in the staff room and had to explain first what a favicon was and why it was funny about the mayans… thanks

    jonathan on March 23, 2010

    nicey. thanks ian. i just heard the favicon for the first time last week and now a whole helpful post about it!

    Ann on March 23, 2010

Tell us what you're thinking

Your email is never shared. Required fields are marked *

*

*