Adding a Custom Favicon

posted Jun 28, 2009, 5:52 AM by Brian Johnson   [ updated Jul 29, 2010, 7:17 PM ]

As of July 15, 2009, Google Sites officially supports the ability to customize the favicon for your Google Sites website.

What is a favicon?

According to Wikipedia, a favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 pixel square icon associated with a particular website or webpage.  The favicon is often displayed in your browser's address bar, bookmarks/favorites list, tabs and even desktop shortcuts to web pages.  For example:

  • Default Google Sites favicon:

  • Favicon for the Unofficial Google Sites Help Center (this site):

Creating Favicons

Favicons can be created based on most any image, but not all images will look good as a favicon.  There are a variety of tools available for creating these images, including the following free online services.  From my experience, all of these services work equally well, though some have more features and capabilities than others:

Adding a Custom Favicon

The following steps are all that is required to take advantage of this new capability:
  • Navigate to the Attachment management section of your site (More Actions >> Manage Site >> Attachments)
  • Click Upload
  • Click Browse and select your favicon.ico file
    • Your favicon file must be named "favicon.ico"
    • The apple-touch-icon.png file is not currently compatible as a favicon for Google Sites.
  • Choose the option to Upload attachment to / (top-level)
  • Click Upload