faveicon.ico not loading

R

ryanmaelhorn77

Guest
I made in icon in photoshop, 16 x 16 px, then generated an icon file from it using this website: http://tools.dynamicdrive.com/favicon/
Then I placed it in my www folder, and added these lines of code to my index.htm:
<link rel="icon" type="image/ico" href="favicon.ico"></link>
<link rel="shortcut icon" href="favicon.ico"></link>

but it doesn't load next to the url in my browser, or at the top of the browser tab
 

carl6969

Community Support Team
Community Support
Messages
6,874
Reaction score
206
Points
63
Are your website files in www or public_html ? Index file is usually in public_html. Anyway, try putting your favicon in the public_html directory and see if that works. Also, try clearing your browser cache and reloading the page. Just a few thoughts.
 
R

ryanmaelhorn77

Guest
hmmm, I've been putting everything in the www folder. Strangely though when I open up the public_html folder I see most of the files have been copied over there somehow, except for the .ico file. If everything is supposed to be put in the public folder, what is the www folder for? And am i right that things get autmoatically copied over from www to public?
 

descalzo

Grim Squeaker
Community Support
Messages
9,373
Reaction score
326
Points
83
public_html and www are different names for the same directory. public_html is the 'real' name and www is a link to public_html

So putting a file into public_html is the same thing as putting it into www. One file into one directory. No copies.

I think they have the two names because some software expects the document root of the website to be called public_html and some expect it to be named www.
 

mattblog

New Member
Messages
463
Reaction score
13
Points
0
I made in icon in photoshop, 16 x 16 px, then generated an icon file from it using this website: http://tools.dynamicdrive.com/favicon/
Then I placed it in my www folder, and added these lines of code to my index.htm:
<link rel="icon" type="image/ico" href="favicon.ico"></link>
<link rel="shortcut icon" href="favicon.ico"></link>

but it doesn't load next to the url in my browser, or at the top of the browser tab

try adding a / in front of favicon.

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

if that doesn't work go for the actual url of the website and then /favicon.ico

you can also reference to
http://www.axialis.com/tutorials/tutorial-iw004.html

it says you can just use the following format



<HEAD>

<LINK REL="SHORTCUT ICON" HREF="http://www.domain.com/iconname.ico">

<TITLE>Page Title</TITLE>

</HEAD>
 
Last edited:

essellar

Community Advocate
Community Support
Messages
3,295
Reaction score
227
Points
63
Just a wee note here: if the file is actually called "favicon.ico" and lives in your web document root directory, you don't need to use a <link> tag to point to it. The rel="favicon" (or rel="shortcut icon") is just a way to override the browser's normal behaviour (that being to request and load favicon.ico) and use an arbitrary image instead (which can be of any recognised image type, like a PNG or JPEG).
 
Last edited:
R

ryanmaelhorn77

Guest
Well I put the .ico file in both the www and the public_html folder and it still isn't working..
 

bhupendra2895

New Member
Messages
554
Reaction score
20
Points
0
Modern webbrowsers automatically download web_root/favicon.ico, you don't even need to use link tag.I advise you to conduct some tests.
1)Try different browser.
2)Try different favicon.ico file in different browser and the browser you use.
3)Open http://yoursite/favicon.ico in browser, is it opens and displays.If not then check the permissions of favicon.ico, is it set to 755 or not.
4)Check if pages link to your site are opening perfectly or not, although this is impossible that they won't, but do this so you will be satisfied nothing is broken with the servers.
5)Now it is your turn to post the results. :)
 
Last edited:
Top