How to add Icon to your Website?

Standard

Simply by adding a link tag you can have your own icon to a website. just make sure that you used full address of icon file.

for example:

<link rel="shortcut icon" href="http://www.nevisan.com/images/nevisan_icon.ico" />

all browsers support this tag.

you can also use a png file as your website icon but IE does not support it. then you have to add more than one link tag:

1st:

<link rel="shortcut icon" href="http://www.nevisan.com/images/nevisan_icon.ico" />

2nd:

<link rel="icon" type="image/png" href="http://www.nevisan.com/images/nevisan_icon24.png" />

IE uses the 1st tag and show the icon file, and other browsers like FireFox or Chrome use the 2nd one, and show the PNG file. just don’t change the order.

another point is that to see the changes of Icons you have to use Ctrl+F5 in IE, because the old icon is cached.

  • my biggest problem is that I can’t stop using png files… ;)

Leave a Reply

Your email address will not be published. Required fields are marked *