Generating Favicons

Ajay · 09-27-2006

For those who don't know this, a Favicon is that little icon that you see in your address bar just before the http

It is also the icon that you see in the tab if you are using the tabs in Firefox. It is also used by a lot of feedreaders.

It is a unique icon that helps identify your site.
There are many ways to go about making one, however I go about this way.

1. I make a square image of atleast 48x48 in jpg or gif format. It's a lot easier this way, especially with tools like PS or Gimp

2. I use Dynamic Drive- FavIcon Generator to create the favicon. Remember to select:
Merge with a 32x32 desktop icon.
Merge with a 48x48 large XP icon.

for best compatibility.

It will allow you to save the favicon.

3. Upload it to your public_html or httpdocs, basically your website root, the same place where you put the first page of the site.

4. Put this code on your site inbetween the head tags.

Code:

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

Modify the href accordingly.

And check it out in your browser.

Got your own favicon? Tell us about it in this post :)

You can see mine for my blog

m3talc0re · 09-28-2006

For best compatibility, try this in your <head> instead:

Code:

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

Notice there is no "www" and the icon file is in the root of your domain.

shavei7 · 09-28-2006

hey thanks for the info Ajay :) didn't know you call that favicons.

Ajay · 09-28-2006

Your welcome shavei7

@m3talc0re, I don't think you need to use the icon code etc. Have you seen any problems when it is not being used?

Also using the www or not is a matter of preference. It has nothing to do with shortcut icons. I choose not to use it.

m3talc0re · 09-28-2006

It's for browser compatibility and the icon code is for cross-OS compatibility mainly. Remember, there are a lot more browsers than IE, Firefox and Opera :P

victory365 · 09-29-2006

You can create a favicon in any program, ie. fireworks, photoshop etc. Just start with a 16x16 image, design it up then save it as a bitmap. Then upload it to the root of your site and change the file name to favicon.ico.

Did you know you can have animated favicons? It works in firefox. I use one on my cpays Search Engine Optimization contest blog. - of course you have to use firefox to see it.

PS. I personally hate IE so I never use it. If you don't already have fireworks I suggest you get it if you want to create animated gifs for any reason.

thebookish · 09-30-2006

I have seen your favicon vicotry365, really nice touch, how do you make an animated favicon?

mann3r · 09-30-2006

yeah, on my log i usually get 404 on those feeds, i try to create one, i dont know that feeds site uses this favicon. thanks

ebittner · 09-30-2006

Very nice on how to make favicons. I wish that I could have read something like that bout 7 months ago because that is when I was going to learn it and I could not find something that explaind it clearly at all. I eventualy found something that helped me out.

Ajay · 09-30-2006

Quote:

Originally Posted by m3talc0re

It's for browser compatibility and the icon code is for cross-OS compatibility mainly. Remember, there are a lot more browsers than IE, Firefox and Opera :P

Thanks. Will research a bit more on this.

From I found at icon/image in titlebar - HTML

There are TWO types of "favicon"'s.

1) The one that displays in the favorites/bookmarks page
( <LINK REL="SHORTCUT ICON" HREF="....filename..."> ), and
2) The one that displays in the location window of the browser
( <LINK REL=ICON HREF="....filename..."> ).

09-27-2006	#1 (permalink)
Ajay Senior Member Join Date: Aug 2006 Age: 26 Posts: 755	Generating Favicons For those who don't know this, a Favicon is that little icon that you see in your address bar just before the http It is also the icon that you see in the tab if you are using the tabs in Firefox. It is also used by a lot of feedreaders. It is a unique icon that helps identify your site. There are many ways to go about making one, however I go about this way. 1. I make a square image of atleast 48x48 in jpg or gif format. It's a lot easier this way, especially with tools like PS or Gimp 2. I use Dynamic Drive- FavIcon Generator to create the favicon. Remember to select: Merge with a 32x32 desktop icon. Merge with a 48x48 large XP icon. for best compatibility. It will allow you to save the favicon. 3. Upload it to your public_html or httpdocs, basically your website root, the same place where you put the first page of the site. 4. Put this code on your site inbetween the head tags. Code: <link rel="shortcut icon" href="/favicon.ico" /> Modify the href accordingly. And check it out in your browser. Got your own favicon? Tell us about it in this post :) You can see mine for my blog __________________ Ajay D'Souza Techtites - Your daily dose of all things Tech! Sir Arthur Conan Doyle \| I Sent This WebberZone Domains

09-28-2006	#3 (permalink)
shavei7 Senior Member Join Date: Jul 2006 Location: Redmond, WA Posts: 1,064	Re: Generating Favicons hey thanks for the info Ajay :) didn't know you call that favicons. __________________ NOSH1T/LOSTGIRLWONDERINGV4 the only real mistake is the one from which we learn nothing (John Powell)

09-28-2006	#4 (permalink)
Ajay Senior Member Join Date: Aug 2006 Age: 26 Posts: 755	Re: Generating Favicons Your welcome shavei7 @m3talc0re, I don't think you need to use the icon code etc. Have you seen any problems when it is not being used? Also using the www or not is a matter of preference. It has nothing to do with shortcut icons. I choose not to use it. __________________ Ajay D'Souza Techtites - Your daily dose of all things Tech! Sir Arthur Conan Doyle \| I Sent This WebberZone Domains

09-29-2006	#6 (permalink)
victory365 Member Join Date: Sep 2006 Location: Oslo, Norway Age: 32 Posts: 52	Re: Generating Favicons You can create a favicon in any program, ie. fireworks, photoshop etc. Just start with a 16x16 image, design it up then save it as a bitmap. Then upload it to the root of your site and change the file name to favicon.ico. Did you know you can have animated favicons? It works in firefox. I use one on my cpays Search Engine Optimization contest blog. - of course you have to use firefox to see it. PS. I personally hate IE so I never use it. If you don't already have fireworks I suggest you get it if you want to create animated gifs for any reason. __________________ Search Engine Optimization Web Design Blog Need Freelance work done?

09-30-2006	#7 (permalink)
thebookish Gaming Moderator Join Date: Jul 2006 Location: Luxor - Egypt Age: 21 Posts: 917	Re: Generating Favicons I have seen your favicon vicotry365, really nice touch, how do you make an animated favicon? __________________ Magx, A Professional Directory \| Articles/Forums (Adsense, Adwords, Search Engine Optimization) \| Now add Templates, Directories! Boost Pagerank and Increase Link Popularity

09-30-2006	#8 (permalink)
mann3r Senior Member Join Date: Jul 2006 Location: http://www.allseocontest.com/dir/ Age: 29 Posts: 1,047	Re: Generating Favicons yeah, on my log i usually get 404 on those feeds, i try to create one, i dont know that feeds site uses this favicon. thanks __________________ Make Money Online New Gadget Blog News and Article Directory Submit your News Web Directory-Quality Business Listing used cars Search Engine Optimization Blog used cars toronto used cars london

09-30-2006	#9 (permalink)
ebittner Senior Member Join Date: Sep 2006 Age: 19 Posts: 295	Re: Generating Favicons Very nice on how to make favicons. I wish that I could have read something like that bout 7 months ago because that is when I was going to learn it and I could not find something that explaind it clearly at all. I eventualy found something that helped me out.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

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

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Generating B2B Leads	lucas	General Business Issues	0	07-01-2006 05:17 PM

	All times are GMT. The time now is 12:36 AM.
	Contact Us - preCharge.Net - Archive - Privacy Statement - Top