Create a Favicon in GIMP and apply it to your WordPress Install

Written by James McDonald

April 1, 2009

I have added a favicon.ico to this site. This is how I did it using GIMP.

  • Open a picture in GIMP
  • Image => Canvas Size (Change the canvas to be square)
    Unlink Width to Height Chain
    Increase the narrowest dimension (either width or height) to be the same as the widest (i.e. make the image canvas square).
    Centre the image on the new canvas
    Click Resize
  • Image => Flatten Image (critical to make sure icon doesn’t save with multiple images in it)
  • Image => Scale Image to 16×16 pixels
  • File => Save as…
  • Microsoft Windows Icon (*.ico)
  • Enter filename “favicon.ico”

Copy favicon.ico to your web root (You know you have it in the web root when you can access it via http://yourdomaindame.tld/favicon.ico for example https://toggen.com.au/favicon.ico )

Edit your header.php in WordPress to contain:

2 Comments

  1. Lance

    Not working for me! Used Gimp to create the ICON, and it appears as an icon in Windows Explorer, but when I upload it, and then edit the header, nothing works. Check out my source? see if there is an error?

    Reply
    • james

      Lance,

      I’m seeing a small basket icon which I’m assuming is the correct favicon … sometimes you have to delete your internet explorer cache and revisit the site for it to appear. You might try refreshing/reloading the page first by visiting the site and pressing F5 or View ==> Refresh.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

You May Also Like…