Change Your Favicon

I spend a fair bit of time every day looking at various Drupal based sites, often of people who have posted on drupal.org, and it still amazes me how many of them haven't changed their favicon.

For those that don't know, a favicon (short for favorite icon) is the little 16px x 16px icon which appears in the address bar of your web browser just before the actual address, and also in bookmark lists and on tabs. It's really quick to make one, and there are many great tutorials on the web. I'd recommend you check out this tutorial on Photoshop Support for some guidance, as it's both clear and concise.

Now you might not think this is a big deal. After all, it's only a little icon right? Well, perhaps. But I think that there are two good reasons for getting your favicon sorted:

  • 1. It just looks more professional. And as I've already said on this blog, and will continue to say, like it or not people are going to judge you and your product based upon their impression of your website.
  • 2. The thing you have to remember with Drupal themes is that they'll often have a default favicon setup which, ordinarily, will be the Druplicon. So, this means that if you don't change the favicon in your theme, your site will have the little Druplicon up there in the address bar - not terrible admittedly, but not professional either.

Ultimately, I definitely reckon it's worth taking a few minutes to change your favicon, and if you come across any Drupal sites which have forgotten to do so why not drop them a quick e-mail to let them know.

3 comments

1
ReneJune 1st 2007 @ 12:19AM

Really good tip. Your readers might be interested in Converticon: http://converticon.com, a great online tool that does a great job of converting favicons from png files.

2
LaurenceJune 2nd 2007 @ 11:14AM

Thanks for the suggestion Rene, I'll check that out myself.

3
Jon D>May 18th 2008 @ 05:09AM

Thank you Rene. I agree with you 100% a favicon is important, and maybe it is obvious to others but I'm very new to Drupal and I had a heck of a time figuring out how to change from the default one, to one that I know works on other sites.

I was going about it in the wrong way, So I thought I'd add a note here in case others find your site like I did from a 'favicon.ico + drupal' google search...

After testing this to be true, I heard on IRC #drupal that you do not need to have .ico image. It can be .bmp or (in my case) .png. Mine is 16x16 pixels, but it's in the common png format.

Try this:

Administer > Themes > Configure (your theme) > (scroll down to) Shortcut icon settings. Upload your image.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options