Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

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.

share|improve this question
    
I also want this feature. You could open a Chromium feature request: code.google.com/chromium –  nbolton Jan 12 '10 at 6:21
    
@nbolton how do you make a request? –  Louis Apr 19 '12 at 23:45

8 Answers 8

The Tab Edit extension for Chrome does this.

enter image description here

share|improve this answer
2  
I liked the idea so I wrote a chrome extension that remembers the favicon change when you go to new pages. chrome.google.com/webstore/detail/… –  Gordon Tucker Mar 12 '11 at 9:53

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

share|improve this answer

As a stopgap solution, it would be fairly easy to write a userscript to modify the page title and add a unicode symbol to one of the tabs.

As a bookmarklet (make a bookmark with name "Star this page" and the following address)

javascript:(function(){document.title="\u2606"+document.title;})()

The tab will end up looking like this:

tab

share|improve this answer
    
But this would be removed as soon as you reload the page. Of course, if you bookmark the page whilst you have this change the title of the bookmark (not the page) will still have the star. –  David Pearce Jan 13 '10 at 10:52
    
True, to get it to persist over reloading you would need to make it a userscript. You would have to be able to differentiate between the targeted page and the non-targeted page somehow using javascript. –  cobbal Jan 13 '10 at 19:41

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.

share|improve this answer

I have never used Google Chrome, and I am unaware if you can use add-ons with it like Firefox.

I know in Firefox there is an extention that allows you to change the colour of tabs. If there such an add-on for Chrome you could use it to colour the tabs and therefore be able to distinguish between them.

The challange is finding that add-on though. If Chrome has an add-on website like Firefox, you could search there for one. Failing that, hopefully someone more familiar with Chrome can post a suitable add-on.

share|improve this answer
    
Chrome supports extensions, too, but there's no tab color/icon changer extension yet for it. –  thSoft Feb 4 '10 at 12:23

favicons are actually small .gif images that are stored on the website's server itself. It works just like downloading an image in your browser, except it displays it on a tab or at the top of the window. I don't think there is a way to change what favicon is displayed unless you intercepted that image and got your browser to replace that with an image of your choice when you visit that site.

share|improve this answer
    
They're usually .ico files actually, although I think most browsers will accept .pngs and .gifs these days. You can even animate them. You can change the favicon your browser displays with an extension; doesn't really matter what the website sends you -- the client can always choose to ignore it. –  Mark Mar 24 at 17:43

There's a Chrome extension that shows you the unread message count, and it also allows you to change the color of the favicon at the same time. If one of your two Gmail tabs is regular Gmail and the other is for a custom domain, then you can set a different color for each one. My pinned tabs look like this now:

pinned tab screenshot

share|improve this answer

Get your bookmarks bar looking how you want it.

Make sure one bookmark has the favicon you wish to transfer to another bookmark.

Export your bookmarks to the desktop.

Open the bookmarks file in notepad.

The structure is self-explanatory once you study the file.

The long streams of random characters are the image data for each favicon.

Copy this string from the desired image and overwrite the image data in the favicon you wish to change.

Save the file.

Import the file back into Chrome.

Open the Other Bookmarks button at the right of the bookmarks bar and navigate down the tree till you see the imported bookmarks.

Drag your newly faviconed bookmark from here to its desired location on the bookmarks bar and delete the original.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.