Tag Archives: favicon

How to Refresh Site Favicons in Google Chrome Tips, Tricks and Tutorials 10 SEP 2013

google-chrome-logoFavicons are the immensely useful little icon images that give you a quick visual cue as to the sites currently being displayed in your open tabs or bookmarks bar. To speed things up, Google Chrome obviously caches these favicons, given the fact that these almost never ever change. However, if you do want to ensure that you have the latest and greatest favicons employed by your favourite sites, then here is a foolproof (because yes, sometimes force refresh doesn’t actually refresh eveything!) technique to refresh your favicons in Google Chrome:

  1. Close Chrome
  2. Open your User Data folder
  3. Delete the ‘Favicons’ file
  4. Run Chrome

So basically now when you visit a site, Google will be forced to download the favicon because it no longer has it stored. Nice and simple, plus very effective.

If you don’t know where to find your User Data folder, here is a helpful list:

Windows XP

Google Chrome: C:\Documents and Settings\%USERNAME%\Local Settings\Application Data\Google\Chrome\User Data\Default
Chromium: C:\Documents and Settings\%USERNAME%\Local Settings\Application Data\Chromium\User Data\Default

Windows 7 or Vista

Google Chrome: C:\Users\%USERNAME%\AppData\Local\Google\Chrome\User Data\Default
Chromium: C:\Users\%USERNAME%\AppData\Local\Chromium\User Data\Default

Mac OS X

Google Chrome: ~/Library/Application Support/Google/Chrome/Default
Chromium: ~/Library/Application Support/Chromium/Default


Google Chrome: ~/.config/google-chrome/Default
Chromium: ~/.config/chromium/Default

Chrome OS



How to Add a Favicon in WordPress CodeUnit 30 MAR 2010

Favicons as we all know are extremely important to a site, because a) it helps people identify your site brand quicker and b) it looks totally groovy when someone actually bothers to bookmark your site.

Now creating and setting a favicon for a website isn’t particularly difficult to do in the first place, but thanks to the team behind the WP Favicon plugin for WordPress, it is now pretty much a case of download, install and activate to set one up on your beloved WordPress blog.

It accepts either a classic .ico or .gif  icon file ranging from 16×16 to 32×32 in dimension, and the only other work you have to do is physically upload your favicons into the pointed out directory. (Note you can make use of the clever favicon.cc site to generate a favicon if you’re feeling a little creatively stumped.)

And that’s it. Once activated and assuming that your current theme forgot to set one, you should now have a nice and shiny favicon staring back at you in the address bar.

Simple as that.

Related Link: http://geekthegathering.com/wp-favicon-add-a-favicon-to-your-blog/

Joomla 1.5: How to set Your Personal Favicon CodeUnit 06 FEB 2010

Favicons are a great way to personalize one’s website, and getting a Joomla 1.5 website to display your custom favicon.ico file turns out to be a pretty simple affair. Note I did say Joomla 1.5, important because Joomla 1.0 actually has a different way of setting it up.

But back to the task at hand. Essentially Joomla sites house their active favicon in the currently applied template, meaning that if you were for instance using a template called colorfall, the favicon would need to be placed in the /templates/colorfall/ directory as favicon.ico (in other words /templates/colorfall/favicon.ico should link directly to your favicon file when called up in a browser).

What this does mean however is that each time you change templates on your site, you’ll need to move the faveicon.ico file around to the new template folder, which naturally can become pretty laborious if you change templates often.

Of course, at this stage after uploading the file to the correct folder and opening the website in your browser, you might be looking a little confused at the fact that the site seems to still be displaying the old, generic Joomla favicon, an annoying but understandable situation which I’m about to resolve for you.

Basically the problem sits with your browser’s caching policy. In order to speed up site loading it saves generic files for a particular site to the harddrive for faster access the next time you call up that same site. So now that you’ve changed the favicon, you need to delete the temporary files/browsing cache from your browser and then restart, which should now show up your site with its funky new favicon. Alternatively, if the above still doesn’t work, it could be that you currently have Joomla Caching available on your website. If this is the case, simply disable via the Global Configuration > System menu option.

favicon.cc Software & Sites 26 JUL 2008

You see that nifty little icon next to the URL in your Internet browser’s address bar? That little icon is known as a favicon (short for favourites icon) and was originally used by Microsoft for their Internet Explorer favourites list. However, since then everyone has jumped on the bandwagon and the favicon has become a pretty standard feature for most websites.

The original and simplest way of attaching a favicon to your website is to simply locate or create a standard icon (.ico) file, rename it to favicon.ico and then drop it into the root folder of your web server.

However, if you don’t like that idea all that much, another method is available to you and you can simply insert either of the following tags (the two just highlight the difference between pointing to an .ico and a .png file) into the section of your HTML output:


favicon cc
Now the purpose of today’s little post is to highlight a particularly useful web site I stumbled across that allows you to generate your own favicon.ico files.

www.favicon.cc has been created by some clever bugger wanting to stretch their coding prowess muscles and turns out to be a pretty darn good application. The web site design is very simple, clean and uncluttered, and even a newbie should be able to whip up their own little icon in record time.

Clever controls allow you to either create your own icon from scratch (including the ability to generate animations!) or import existing images and automatically convert them into useable icons. Your masterpiece complete, you then have the option to either download or publish your icon for use all over the World Wide Web!

It really couldn’t be any simpler :)

Related link: http://www.favicon.cc/