need help to change my website icon

matheen · #1 (**permalink**) 02-18-2007, 08:54 AM

Hi

im creating a new website and i wanna put my own icon for it, instead of deafault browser icons.

i added the following line of code, bt its not working for me.

<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/11/profile">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="icon" type="image/png" href="myicon.png"/>

i created a 16 x 16 png icon in photoshop and even tried the favicon (ico) with the following code

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

but still its not working...

anybody can please help me to add my own icon ..

Thanks in advance

Matheen

DaveSawers · #2 (**permalink**) 02-18-2007, 09:02 AM

That second version should work.

If you're using IE to view it, clear your browser cache and it should display. IE 6 was always poor at displaying icons. IE 7 is better.

Alternatively, use another computer that hasn't been to that site before, or download an alternative browser and use that, or post a link here and let someone else try it.

matheen · #3 (**permalink**) 02-18-2007, 09:28 AM

Thanks Dave

but its working in Mozilla not in IE. i am having IE 7.
Any suggestions?

:)

imvain2 · #4 (**permalink**) 02-19-2007, 06:18 PM

I'm not sure if you did this or not, but photoshop does not by default support CORRECT ico files. I believe there is a free plugin that accomplishes this though.

dean · #5 (**permalink**) 02-19-2007, 07:36 PM

Favicons never worked well for me in IE, but always work fine in other browsers. In IE, if I actually add the site to favorites, the favicon will show in the favorites, but not in the browser address/navigation bar. It will also work if I drag from the favorites to the desktop or the links bar.

MuNKyonline · #6 (**permalink**) 02-19-2007, 07:53 PM

Try this code instead (without the type="image/x-icon" and change the destination to the full url):

Code:

<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/favicon.ico">

HTH =)

blitzen · #7 (**permalink**) 02-19-2007, 08:32 PM

I read somewhere that IE doesn't support those like FF does. Maybe read it at the M$ website, I don't recall. It might be an older version of IE. The user might have to manually install the icon.

Here's M$ page about it
http://msdn.microsoft.com/workshop/A...ortcutIcon.asp

EditFast · #8 (**permalink**) 02-19-2007, 09:46 PM

Firefox will display gif images of 16 x 16. No need to create icon files. Simply rename your gif image to favicon.ico and load it to your web root. In fact, Firefox will display animated gif images as the icon in the address bar. For example: Safe Marina

IE will not do this and you need to use and icon creation tool like IconForge. IE is known for its taciturnity when it comes to displaying Favicons. Sometimes it works and sometimes it doesn't.

ksawatzk · #9 (**permalink**) 02-20-2007, 12:44 AM

Quote:

Originally Posted by EditFast

Firefox will display gif images of 16 x 16. No need to create icon files. Simply rename your gif image to favicon.ico and load it to your web root. In fact, Firefox will display animated gif images as the icon in the address bar. For example: Safe Marina

IE will not do this and you need to use and icon creation tool like IconForge. IE is known for its taciturnity when it comes to displaying Favicons. Sometimes it works and sometimes it doesn't.

YES... EF is correct - make it a 16x16 gif first, save as favicon.ico, save in root directory. You can blow it up 500x and put text/pic on it if you like, then save as original 16x16. Will still look acceptable, IF IE will display it...

EditFast · #10 (**permalink**) 02-20-2007, 01:44 AM

Quote:

Originally Posted by ksawatzk

Will still look acceptable, IF IE will display it...

This will not work for IE. Only Firefox will display the gif correctly.

Clint1 · #11 (**permalink**) 02-20-2007, 05:10 AM

Matheen is this working yet? I believe in IE it has to be a .ico, and in IE you have to bookmark the page or create a shortcut to it. Sometimes you have to right click the address bar icon and "drag it" a few times. This is not necessary with FF.

matheen · #12 (**permalink**) 02-20-2007, 07:35 AM

Thanks All for your replies..

Well, the icon is displaying only when i stored the page in the favorites folder, but in the address bar still im not able view it :(

Matheen

dean · #13 (**permalink**) 02-20-2007, 07:52 AM

I think that's just as good as your going to get. Remember that the favicon will work just fine in most browsers. I also think it's important enough that every site should have a favicon. One thing about them is they will make your server error logs smaller and easier to read, because without a favicon.ico, (or a robots.txt), the error log will have all those missing file entries in it. Besides that, favicons are just way cool.

EditFast · #14 (**permalink**) 02-20-2007, 07:52 AM

Quote:

Originally Posted by matheen

Thanks All for your replies..

Well, the icon is displaying only when i stored the page in the favorites folder, but in the address bar still im not able view it :(

Matheen

Wikipedia has some good info about this problem. http://en.wikipedia.org/wiki/Favicon

Clint1 · #15 (**permalink**) 02-20-2007, 08:12 AM

Quote:

Originally Posted by matheen

Thanks All for your replies..

Well, the icon is displaying only when i stored the page in the favorites folder, but in the address bar still im not able view it :(

Matheen

It will always show in FF regardless. It will only show in IE under the conditions I described, plus it will NOT show up in IE after you delete your temp net files folder. Try like I said, right click the IE icon in the address bar, then drag it a few inches in any direction, then release. Do that a few times. If that still doesn't work then something may be afoul with your IE. What is the URL? Let me see if it works on my IE.

kgun · #16 (**permalink**) 02-20-2007, 08:39 AM

Quote:

Originally Posted by EditFast

Wikipedia has some good info about this problem. http://en.wikipedia.org/wiki/Favicon

Read that article if you absolutely need a favicon.

Quote:

Originally Posted by EditFastThis

will not work for IE. Only Firefox will display the gif correctly.

Only?

Have you ever thought of making a simple (nonfav)icon with pure CSS, that is without use of images?

Orion · #17 (**permalink**) 02-20-2007, 09:43 PM

I don't seem to have much problem in IE or FF on my orionsweb site. icon displays in both still...

I did have issues but they went away after naming the file favicon.ico.

I also found out that IE7 and FF will also display a favicon if you simply create an image.. name it favicon.ico and put it in the root directory of your site... NO CODE needed on any pages at all.. (don't know if that works on IE6 though... and didn't check Opera..

EditFast · #18 (**permalink**) 02-20-2007, 09:54 PM

Quote:

Originally Posted by kgun

Quote:

Originally Posted by EditFast

will not work for IE. Only Firefox will display the gif correctly.

Only?

You are right. Other browsers will display images such as this as a favicon but we were talking about IE and FireFox. (At least I was).

Quote:

Originally Posted by kgun

Have you ever thought of making a simple (nonfav)icon with pure CSS, that is without use of images?.

No I haven't, but I would be happy to hear about this. Tell us more.

Clint1 · #19 (**permalink**) 02-21-2007, 06:23 AM

Quote:

Originally Posted by Orion

I don't seem to have much problem in IE or FF on my orionsweb site. icon displays in both still...

I did have issues but they went away after naming the file favicon.ico.

I also found out that IE7 and FF will also display a favicon if you simply create an image.. name it favicon.ico and put it in the root directory of your site... NO CODE needed on any pages at all.. (don't know if that works on IE6 though... and didn't check Opera..

He won't tell us the URL, so I can't check it.

Yes, the tag is not needed. As long as the .ico is in the root directory, it will show; and show automatically in FF just by going to the site, but like I said in IE(6) it will only show using the methods I described.

matheen · #20 (**permalink**) 02-21-2007, 10:33 AM

Hi All

Here is the url of my favicon test file

http://www.uaeexpertsitnet.com/favicon

i just created a icon in photoshop in gif format and changed the name to favicon.gif

icon is placed in the root folder.

Matheen

Clint1 · #21 (**permalink**) 02-21-2007, 11:40 AM

Quote:

Originally Posted by matheen

Hi All

Here is the url of my favicon test file

http://www.uaeexpertsitnet.com/favicon

i just created a icon in photoshop in gif format and changed the name to favicon.gif

icon is placed in the root folder.
Matheen

Something is wrong, I don't see anything at that URL http://www.uaeexpertsitnet.com/favicon/ but text. When I go to the domain http://www.uaeexpertsitnet.com , I can't get any favicon in IE, NOR can I see it in FF! But, I DO see it in FF at http://www.uaeexpertsitnet.com/favicon/

I also don't see anything at http://www.uaeexpertsitnet.com/favicon.gif, so it's not in your root folder apparently. It should be a .ico too, not a gif. Gif's may cause some issues.

Clint1 · #22 (**permalink**) 02-21-2007, 11:43 AM

I see something else odd. You apparently tried to put something here: http://www.uaeexpertsitnet.com/favicon/favicon.ico but all that's there is a red X where the image should be. That's not the root directory.

The icon must be at this path: http://www.uaeexpertsitnet.com/favicon.ico .

matheen · #23 (**permalink**) 02-21-2007, 11:57 AM

Hey Clint

well, uaeexpertsitnet is not my website, favicon.html is my page, i temporarily uploaded this file on uaeexpertsitnet domain.

and one more thing, favicon.ico is a icon file u can't view it in the browser, u can just view it only in the address bar

cheers
matheen

Clint1 · #24 (**permalink**) 02-21-2007, 12:25 PM

Quote:

Originally Posted by matheen

Hey Clint

well, uaeexpertsitnet is not my website, favicon.html is my page, i temporarily uploaded this file on uaeexpertsitnet domain.

and one more thing, favicon.ico is a icon file u can't view it in the browser, u can just view it only in the address bar

cheers
matheen

Well that explains why it's not working in IE. A favicon can indeed be seen in a browser. http://www.cnn.com/favicon.ico .

You won't get it to work until you have a website of your own, or if you can get the owner of uaeexpertsitnet to upload the icon.

kgun · #25 (**permalink**) 02-21-2007, 01:39 PM

Quote:

Originally Posted by EditFast

Quote:

Originally Posted by kgun

Have you ever thought of making a simple (nonfav)icon with pure CSS, that is without use of images?.

No I haven't, but I would be happy to hear about this. Tell us more.

Go to W3C and search for CSS, CSS1, CSS2, ... ,CSS5. I do not know what is possible today and what is planned for the future, since I do not have the complete overview.
I wrote (nonfav)logo. You do not need an image to make Coca Cola's Logo. Neither do you need CSS, but CSS kan style the logo better than ordinary text and HTML markup.
Brenderup is a typical example. They do not need an image in the upper left corner to make that logo. They do not need CSS, but stylink the logo with CSS, can make a more professional logo then by using an image.
That was a fast example. Ther is surely better examples.
I think CSS2 and CSS3 is already in use and CSS is becoming more and more advanced.

Conclusion:
You can make professional logos by CSS styling and coloring. Do not use images before it is required.

Note: A lot of HTML tags are depricated and may be outdated in future browsers.

Then remains the question: Does a digital logo need to be a (c) image (file)?

kgun · #26 (**permalink**) 02-21-2007, 05:45 PM

I awaited the following response:

How shall you make a unique logo with text and CSS?

Since noybydy has answered, I can add the following points:

What about users having images turned off?
What about text based browsers?
What about different and missing fonts?
How are logos presented to disabled users?
Are there any standards to present logos under different environments?
If not, should there be standards forumulated e.g. via W3C?
Should there be standard colour and fonts accorss browsers?
If a logo should be a file, should it be like a digital certificate (approved and watermarked by an international organization - will reduce spam, copy and logo hijacking)?

Standardization accross browsers, for different users and uses should be a high priority.

We can only hope.

dean · #27 (**permalink**) 02-21-2007, 06:46 PM

Kgun, that's all well and good, but the OP specifically asked about favicons, not logos.
Most companies use a logo in many different ways, not just on a website. An image in a lossless format, ( usually tiff, I think ), is generally what would be expected, then it could be changed into whatever format suits a particular use. So far as images disabled, or text-based browsers, that's what the alt attribute is for. Missing fonts would support use of an image instead of text.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode