Add Favicons To Websites Without One - gHacks Tech News

Add Favicons To Websites Without One

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.

We need your help

Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.

We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats or subscription fees.

If you like our content, and would like to help, please consider making a contribution:

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

Please note that your comment may not appear immediately after you post it.