PDA

View Full Version : How to add a favicon.ico to a webpage


Hannah1975
10-06-11, 16:03
Hi Can Anybody Help Me Because I Need To Add A favicon To My Webpage


Thanks Lewis

Is There Any "Code"
ghostlycharms
10-06-11, 16:05
<link rel="icon" href="myicon.png" type="image/png">

Its something like that - give it a try and tell me if it worked :)

EDIT:: I think you can also create a folder in your root directory of your server called "favicon" and place the favicon image in there....
Dukey
10-06-11, 16:07
I believe only the .ico format is supported by all major browsers.

I think it's simply a 16x16 BMP file renamed :) edit: this is not true for all browsers, sorry!


all major browsers will pick it up automatically if it's in the website's root, but you can implicitly link it with:


<link rel="shortcut icon" href="http://example.com/myicon.ico" />
benzeman
10-06-11, 22:11
Create your icon (16*16), then use this (http://www.favicon.cc/) to convert it to .ico. Simply save it as favicon.ico in the root and you're done.

Some browsers might also want this line of code:


<link href="/favicon.ico" rel="icon" type="image/x-icon" />

It basically says:


LINK [site]/favicon.ico as a ICON which has a file type of image/x-icon
Faz
10-06-11, 23:36
On my site it's not even an ico..... it's a PNG

and I just put it in the main directory called "favicon.png", did nothing else and it works fine.
gray.woodford
11-06-11, 00:01
i used a png but using drupal so just uploaded to there and done, nice and easy
albal
11-06-11, 12:08
You can make an icon online at http://www.favicon.cc/

Though a lot of browsers will by default pull a favicon from the root path it's best to also use the META tag in the HEADER of your pages.
Saldash
12-06-11, 19:43
I think most browsers these days will pick up any file named "favicon.xxx" as long as it's readable as some sort of image.
Hannah1975
12-06-11, 22:07
Hi Thanks All But I Still Can Not Get The Favicon To Work

Is There Any Videos Out There Please

Thanks Lewis
iGoD ReLeNtLeS
12-06-11, 22:08
add this inbetween your <head></head> tags


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

obviously you will need the change favicon.ico to the filename of your favicon. I highly suggest it is a .ico file as this is the default format for a favicon.

then just upload your file into the root of your site where your index file is.
Hannah1975
12-06-11, 22:34
Hi, Thanks I Will Try This
iGoD ReLeNtLeS
12-06-11, 22:40
Can you post a link to your site as well so we can check wuts wrong with it, could be several things thats causing it not to work.
Dukey
12-06-11, 22:44
On my site it's not even an ico..... it's a PNG

and I just put it in the main directory called "favicon.png", did nothing else and it works fine.

I was under the impression that this wasn't IE friendly? have you checked? :)
Hannah1975
12-06-11, 23:13
Hi Sorry I Have Not Tested This Yet


Can you post a link to your site as well so we can check wuts wrong with it, could be several things thats causing it not to work.


Hi, My Website Has Not Been Published Yet Because Its Still In Development But I Can Not See The Favicon In IE Or FF Or Chrome

Added after 2 minutes:


Hi Sorry I Have Not Tested This Yet




Hi, My Website Has Not Been Published Yet Because Its Still In Development But I Can Not See The Favicon In IE Or FF Or Chrome


Just A Few More Weeks Befor It Will Be Published Full Im Haveing Some Custome Pages And Apps Made For It And Its Costing A BOM :(

Im Hopeing To Team Up With Microsoft And Get The Office 2010 Web Apps On My Site As Well

Thanks Lewis

Also Haveing Some HTML5 Imputted