Log in

View Full Version : Make your site look professional: Make a favicon


Generalissimo
05-22-2007, 03:55 AM
You'd be surprised by how much these 16 by 16 pixel images can improve the image of your site in the eyes of users: Almost all large sites have favicons, hardly any amateur sites do. User's notice this, as they notice the padlock when purchasing, and therefore trust a site more.

An example of a favicon I made in less than five minutes on a site: http://www.historyempire.com
Another one is this site!

Open paint, make a basic 16x16 image, save as filetype BMP but as filename favicon.ico. Upload this to your domain root (so the location will be http://www.yourdomain.com/favicon.ico). Then add to all pages
<link rel="icon" href="http://www.yourdomain.com/favicon.ico" type="image/x-icon">

Chris take note - I don't think website publisher does this, and hence when you try to add a bookmarks toolbar link to it in firefox, the favicon does not show.
rpanella
05-22-2007, 04:39 AM
This site does have a favicon, which is a small version of the main logo. Not sure why you aren't seeing it.
________
California Mdecial Marijuana Dispensaries (http://california.dispensaries.org/)
Generalissimo
05-22-2007, 09:52 AM
I know. I mentioned that earlier. What I was saying was bookmarks toolbar doesn't work as Chris hasn't put that link rel code in
KLB
05-22-2007, 09:57 AM
There are also Adobe Photoshop plugins that will create favicons that work great. This site, like most sites I visit does have a favicon, as others have mentioned maybe Chris isn't referencing it in the header code, but I do see it on my Firefox address bar.
Chris
05-22-2007, 12:19 PM
I didn't know about the header code bit. Since favicon's were released... in ie 3 I think it was, I didn't realize it had changed.
KLB
05-22-2007, 12:31 PM
If you don't have the code, just use this (place between <HEAD> tags):

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
Generalissimo
05-22-2007, 12:52 PM
I originally thought the same as Chris, but although it showed in the address bar it would not show in firefox bookmarks. Upon adding that code it worked.
rpanella
05-22-2007, 02:36 PM
I originally thought the same as Chris, but although it showed in the address bar it would not show in firefox bookmarks. Upon adding that code it worked.

Interesting, I never knew that. I just assumed since it loaded in the address bar that it would also be used for the bookmarks.
________
Box Vaporizer (http://boxvaporizers.com)
bassplaya
05-22-2007, 04:30 PM
It's not showing in firefox bookmarks because of bad site config, has nothing to do with link tag and html overall.
I saw many Vbulletin forums have this favicon bug.
All you need is to put exact rule in htaccess to make sure you favicon.ico laying in docroot will go directly to browser. Vbulletin trying to render favicon.ico as html page, adding some html to that binary file.
It's pretty boring, but I'm using "Favicon Picker" FF extension to fix this.
lajocar
07-29-2007, 03:34 PM
It can be used for bookmarks and title bar

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