How add image to title of a web page?
How to get favicon file?

Recommended Answers

All 9 Replies

<link rel="shortcut icon" href="favicon.ico" /> code for favicon...which is used for website shortcut icon

Your first step is to create the .ico file. There are quite a bit of sites online that will allow you to upload an image and convert it to this file type. Save the file as favicon.ico.

Second, there are a few variations of how to get browsers to use the favicon.ico file. The variation that appears to be preferrred by most browsers is:

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

This link element should be placed in the <head> section of your document.

Another method which works for most browsers but is not preferred by all browsers is to simply upload the favicon.ico file to the root directory of your web site.

Here is a simple guide on how to make a favicon.

A few heads up about them:

  • Goes in the header
  • normal size is 16x16 pixels
  • As JorgeM has said, it goes in like this in the header

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

  • All other sources can be Google'd... hope this helped.

the above examples are right you could also try this site in making a favicon
http://www.favicon.cc/

It's called a Favicon a small graphic that loads on the title tab on the browser. You create the small graphic about 16X16 pixels name it favicon.ico then put the following in the header section of your home page <link rel="shortcut icon" href="http://www.yourwebsite.com/favicon.ico" > That will do it!

Favicon a small graphic that loads on the title tab on the browser,you create the small graphic about 16*16 pixels name it favicon.ioc then put the following in the header section of your home page <link rel="Shortcut icon" href="http://www.yourwebsite.com/favicon.ico">

Just looking for such a resource to add favicon on my website - I hope, it will resolve my problem.

You can easily get the favicon icon but for that you have to write the following code that might be very useful for you to add image to title of web page.
<link rel="icon" type="image/gif" href="/logo2.gif" />
The above code help you to get the fevicon file.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.