Change Browser Icon

Ever wonder how to change the little browser icon of your webpage?

This guide will explain it in just a few steps (for both a traditional webpage and for a WordPress theme)

  1. Go find the image that you would like to use for your logo
  2. Scale the image down so that it is exactly 24×24 pixels
  3. Save the image as an Icon file: On windows, this is just a BMP file, on MAC you can save as Windows Icon File
  4. The filename must be: favicon.ico

For WordPress:

Save the file in your wp-content/themes/YOUR-THEME-NAME/images (overwrite the existing one)

For a Traditional HTML Page

Save the file in your website root directory