Animated Favicon

By Emily Spirek on July 14, 2008 at 6:30 am in General

As Tim stated previously, incorporating a favicon with your site can reinforce branding for your business. At T&S, we wanted to take it a step further by adding an animated favicon. I created ours in Photoshop, saved it as a .gif, and renamed it as favicon.ico. Here is a website that will guide you in the process:

http://www.virtualmarketingblog.com/index.php/20070827/animated-favicon/

Here you can find a list of example sites with animated favicons:

http://myvogonpoetry.com/wp/2005/10/10/animated-favicons/

Favicons explained

By Tim Priebe on June 25, 2008 at 10:51 am in Business Identity,Design

Here at T&S we recently started creating favicons for all our clients’ websites. What is a favicon? Well, visit any popular website and take a look at your browser’s tab, or up at the address bar. You’ll see a small 16×16 icon. Each browser has a default icon (Internet Explorer 7 has the IE logo), but if the site has specified their own favicon, it will appear instead. The favicon is also shown in the bookmark list in most browsers.

If you create a favicon for your site, a visitor will associate it with your site. It will create additional branding reinforcement.

There are several ways to go about creating a favicon. Just use your favorite graphics editing program to create a 16×16 icon. Make sure you view it a 100% to ensure that it’s easily identifiable. Then you can use one of the following methods for converting it into a favicon.ico file.

Once your file is ready, just put it in the main (a.k.a. root) directory of your site. There you go! Your favicon should now automatically appear when anyone views or bookmarks your website.

For more info on favicons, check out Wikipedia’s page on the favicons.