How to add icon/image to the browser tab ?

In this tutorial i will show you how can we add the icon at the browser tab in the website like other sites.

We just have to do is that take image you want & put it inside your project ....
then just type this mark up in side tag your website template.

<link rel="shortcut icon" href="/images/iconGif.gif">
just change the path with your image.

Like this you can add icon/image to your browser.

If you want background transparency then use .png or .gif image.
If you use .jpg iamge then
background transparency will be avoided.

All browser excepts this type of images i.e. (.png,.gif,.jpg) .....but internet explorer will con consider this images ...to work with internet explorer browser icon images should be .ico i.e. icon file.

then you will write markup  something like this....

      <link rel="shortcut icon" href="/images/favicon.ico" />
like this your icon will be shown in every browser.

If you want to convert ur .png file to .ico file then go to this web site ....

http://www.convertico.com/

4 comments:

Unknown said...

i got more ideas about responsive design. i am also doing and creating evergreen responsive which is take more quality your things are made some idea. keep share more about technical article.
school prospectus design uk | school prospectus uk

Unknown said...

your way of design a logo of schools is simply awesome, cool and very much impressive. give me some simple notes to design like this pictures and what kind of tool/software is fine for work for designing because of i am one of starter for this field.
Best CAT Coaching in Chennai

kimjhon said...

I am really impressed the way you have written the blog. Hope we are eagerly waiting for such post from your side. HATS OFF for the valuable information shared!
DOT NET Training Institute in Chennai
DOT NET Course in Chennai
DOT NET Training in Chennai

soukya reddy said...

This is very nice blog,and it is helps for student's.Thanks for info
Dot Net Online course Bangalore

Post a Comment