We had a request to change the icon in the browser tabs and address bar for a SharePoint site from the “Weeble People” default icon to our organization’s logo. This logo is round, and the user requested that any white space around the logo be made transparent, similar to the Internet Explorer default icon.
I’m no branding expert. The fact that the change must be replicated on all WFEs makes me guess that there is likely a more elegant solution using CSS and master pages and other web designer magicalness. And glitter. Lots of glitter.
Anyway, here are the steps to an admin hack that got the job done:
- Create a favicon ico file from your logo. A free generator (http://www.favicon.cc ) can create an ico file from other picture file formats (jpg, png, etc). Be aware that the number of pixels is limited, so a scaled down, less detailed logo works best.
- After uploading your file, you can use the Transparent Tool to remove any undesired background.
- Name your new file favicon.ico.
- Locate the existing favicon.ico file in the 14 hive:
C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\IMAGES
- Rename the existing file and copy your new favicon.ico file to this location.
- Repeat the file renaming and pasting on each WFE server.
- Wait. Seriously, it takes a bit for the change to show up. Clearing your browser history (including unchecking the IE option to retain data from favorite sites) and restarting IIS may help, but it still took up to an hour in my environment. [Anyone with suggestions to speed this up? I’m all ears!]
Note: This changes the icon for the root site and all sub sites.