Adding a Favicon

You can see in the below screenshot that I have 3 tabs open. The Google Drive logo is visible in the first tab, that icon is a favicon. In the 2nd tab you will notice the favicon for Gogle Calendar that I have open and the last tab is for our course site with the "yellow M" icon.

The reason to change the favicon on your Google Site is it makes it easier for you and students to navigate multiple tabs. In browsers such as Chrome and FireFox the favicon is visible right on the tab. If your classroom website is a Google Site and you post your daily lessons and directions on the site then the students will need to keep your site up and travel back to it frequently. By having a clearly identifiable class logo or icon in the tab the students are able to quickly locate the tab with your class information.

Watch the video below along with the steps on how to add a favicon to your site.

Step 1: Create an image

You can use any editor you want. You can use Google Draw to create a logo and then download it as JPEG image. You can use Photoshop or Illustrator. There are many other online webtools such as pixlr that will allow you to edit images or create your own. You can also use Apple Keynote to design a picture and then take a screenshot (command+shift+4) to grab your creation

Step 2: Go to http://favicon.cc

You will want to upload your image to a favicon creator.

No need to register or login. Simply click on the “Import Image” button.

Click on “Choose File” and upload your image file. Click on the “Upload” button.

Once you’ve uploaded the file scroll down a little to the preview box. Click on the “Download Favicon” button.

NOTE: It is very important that your favicon file is named favicon.ico

If you downloaded more than one favicon file you might have favicon(1).ico or similar file names in your downloads folder. You will need to exactly rename your final version to favicon.ico.

Step 3: Go back to Google Site and Click on "More" and "Manage Site"

Step 4: Click on “Attachments” on the left hand side

Step 5: Click on the upload button and upload your favicon.ico file

That is it! If you uploaded a file exactly named “favicon.ico” then that image file should now be appearing on the tab of Google Site.