How to add a favicon to your website?

andy - 13 Jul, 2013 3251 Views 0 Comment

You may wonder how somebody website has a little icon on the url address. It is called a favicon. To add a new favicon to your site is actually pretty easy, what you need is an icon with a size of 16 pixels x 16 pixels. Note this icon file must be saved in .ico extension.

If you have a photoshop software or program installed in your computer, you can download the plugin from this website:

http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html
Or alternatively, you can use this online tool that will help you converted your small image to icon file.

http://tools.dynamicdrive.com/favicon/

Once your favicon.ico has been completed created, to link to your website, you just need to add the following style css. Note: make sure your favicon.ico path is correct.

<link rel="icon" href="favicon.ico"/>

Facebook Twitter

Comments

There are no comments available.

Write Comment

Name

Comment

0 characters entered. Maximum characters allowed are 1000 characters.

What is the difference between display:none to visibility:hidden in CSS?

CSS

21 Jan, 2019

See the real example of the difference between display:none to visibility:hidden.

How to style pagination links with CSS?

CSS

20 May, 2016

Do you need to create a beautiful, simple and elegant pagination links with css? Simply follow our easy and quick tutorial on how to create the pagination links easily with CSS.

Optimizing your site for printing

CSS

31 Jan, 2016

The easy way to optimize your site for printing is to create a separated external css targeting a media to print only When a printing action is being executed the browser will send over the information from your page to ...