Archive

Posts Tagged ‘images’

Adding a Favicon to your site

November 18th, 2009 Comments off

Everyone might not be familiar with the term favicon, but we all know what they are. They are the little symbol at the top of the browser or the tab next to the title. Facebook has the “f” inside a blue box, g-mail has the red outlined envelope and web whompers has the red circles and blue squares. While you may not think its important, it is a way to get an audience more familiar and attached to your site. Just like when we see a swoosh we think Nike, when people see your favicon their mind will immediately travel to your site.

You can either download the free program Irfanview for creating your favicon or do it a much more simple way by visiting a site such as  this . Make a really simple image file (look at how small the favicons you see are, you don’t want it to be over-complicated or you’ll lose detail and it will just wind up looking like a jumbled mess.

Follow the steps on the website, select the file you created (paint is fine for creating these files, save it as a GIF or PNG if you are capable of doing so). Use the site to generate the icon, then preview it to make sure that you do not need to make any further adjustments and you are happy with your image.

Save the newly generated icon to your computer. It should ideally be 4k or less.

Go to your cpanel and put the file that you have now saved onto your computer into the root directory.

Go into the hmtl code editor and insert a line like this

<link rel=”shortcut icon” href=”http://www.yourcs103websitehere.com/favicon.ico” type=”image/x-icon”/>

into the header portion of your code.

At this point your favicon should be on your website, so visit it to check it out. Don’t be alarmed if it doesn’t show up at first, particularly if you are using firefox. Instead do a hard refresh (F5) and firefox should stop being a lame-lazy-know -it-all-browser at that point and display your favicon.

Categories: Uncategorized Tags: , , ,