We're a community of 1.1M IT Pros here for help, advice, solutions, professional growth and fun. Join us!
1,080,477 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Start New Discussion Reply to this Discussion

HTML

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

10
Contributors
9
Replies
1 Month
Discussion Span
3 Months Ago
Last Updated
42
Views
ebam
Newbie Poster
1 post since Jan 2013
Reputation Points: 0
Solved Threads: 0
Skill Endorsements: 0

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

ShoppingMonk
Light Poster
29 posts since Nov 2012
Reputation Points: -6
Solved Threads: 1
Skill Endorsements: 0

You can use this http://tools.dynamicdrive.com/favicon/ to create an ico from almost any image file.

NardCake
Posting Whiz in Training
283 posts since Oct 2012
Reputation Points: 20
Solved Threads: 19
Skill Endorsements: 8

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.

JorgeM
Industrious Poster
4,164 posts since Dec 2011
Reputation Points: 297
Solved Threads: 566
Skill Endorsements: 119

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.
<M/>
Senior Poster
3,609 posts since Apr 2012
Reputation Points: 64
Solved Threads: 81
Skill Endorsements: 95

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

code739
Posting Whiz in Training
210 posts since May 2012
Reputation Points: 17
Solved Threads: 28
Skill Endorsements: 5

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!

mithrapoo
Newbie Poster
1 post since Jan 2013
Reputation Points: 0
Solved Threads: 0
Skill Endorsements: 0

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">

madelinekim
Newbie Poster
24 posts since Jun 2012
Reputation Points: 0
Solved Threads: 0
Skill Endorsements: 0

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

James_Smith
Newbie Poster
24 posts since Jul 2012
Reputation Points: 0
Solved Threads: 3
Skill Endorsements: 2
Infraction Points: 5

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.

austinluthers
Newbie Poster
Banned
20 posts since Mar 2013
Reputation Points: 0
Solved Threads: 1
Skill Endorsements: 0
Infraction Points: 10

This article has been dead for over three months: Start a new discussion instead

Post: Markdown Syntax: Formatting Help
 
You
 
© 2013 DaniWeb® LLC
Page generated in 1.7758 seconds using 2.67MB