Change a favicon locally in google chrome

This is a frustrating question, mostly because all searches for this usually give me information on how to change a favicon for a website the user owns. Allow me to elaborate on my issue.

I would like to be able to change the favicon that is displayed for one of the sites I visit regularly. This site happens to be gmail. I always have two gmail accounts open at the same time, and have recently taken to using the 'pin tab' feature in chrome. This is convenient, but makes the two tabs look identical. I would simply like to change the favicon on one of the tabs to make it easier to distinguish between the two.

I have an idea that this could be done using some url javascript, which would be easy enough for me to add into a bookmark. However, I am no good at javascript.

The Tab Edit extension for Chrome does this.

Well, you want it in the tab, and that seems to be a little harder to do. There are solutions for when it is at the bookmarks bar that you want to change the favicons (like this one: http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ ), which seems to be easier because bookmark favicons store locally. I'm don't know how can you change the favicons from the tab locally, I've only know extensions like the ones users have answered you already.

Chrome is able to run greasemonkey scripts, and I was able to adapt this script to replace a favicon on the site of my choosing. If you are a little bit technical, you can modify too. Just get the desired favicon base64 encoded and you are good to go.

http://userscripts.org/scripts/show/42247