Add Favicons To Websites Without One

Martin Brinkmann
Jul 18, 2008
Updated • Feb 8, 2015
Firefox, Firefox add-ons
|
2

Favicons are a great way to identify websites visually and it is even possible to display only the Favicon in tabs with the FaviconizeTab add-on for Firefox. (Update: Firefox's pin to tab feature does the same thing, reduce the tab width so that only the favicon is displayed in it).

Favicons are not only displayed in open tabs and the location bar but also in the Bookmark's menu. I would like to introduce two options to add favicons to websites that do not have their own favicon. If that happens, Firefox displays a default one instead which you cannot use to identify websites.

IdentFavicon is an automatic solution that creates identifiable and recognizable favicons from identifiers like IP addresses.

This add-on uses the CRC-32 code of the website as the identifier to create unique favicons for every website that does not have one.

The benefit of this add-on is that the creation process is automatic. It does have a few shortcomings that will hopefully be addressed by the author of the extension.

firefox favicon addon

The favicons that are generated do not seem to be saved which means that all bookmarks that did not have a favicon in first place will remain without one when browsing the bookmarks's menu. Even sites that have been opened and bookmarked will not make use of the generated favicon in the bookmarks.

It's more of a live favicons add-on that only works on the tab bar.

A far more sophisticated tool is the Favicon Picker add-on. This one makes it possible to change any favicon manually. It might mean more work in the beginning because the changes have to be made in the Bookmark's properties menu but the results are better.

Update: Please note that the extension is not compatible with recent versions of Firefox anymore. This means that you cannot install it in the browser because of it.

The picked favicon appears everywhere, in the bookmarks and in the tab bar making it easier to identify websites visually no matter where you go in Firefox. As I said earlier it is possible to change favicons, if you have liked the old Google favicon better than the new one you could change it to the old one again.

Mozilla removed the favicon from the browser's address bar in recent updates. You can use a program like Favicon Restorer to bring them back there.

Advertisement

Tutorials & Tips


Previous Post: «
Next Post: «

Comments

  1. James said on September 3, 2008 at 6:15 pm
    Reply

    Why are you using a program to add favicons?
    You can do it all in the head tag (substitute > and < for ^ in real code):
    ^head profile=”http://www.w3.org/2005/10/profile”^
    ^link rel=”icon”
    type=”image/png”
    href=”http://example.com/myicon.png”^
    […]
    ^/head^
    This is portable between browsers and works with any picture file format, not just .ico. You can even use a .gif for an animated favicon; see harveyserv.ath.cx/redx, which uses a pulsing red X.

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.