Help - Search - Members - Calendar
Full Version: Favorite Icons
Zymic Webmaster Forums > Zymic Free Web Hosting > Tutorials
PodTube
Have you ever seen those little graphics in your address bar?
PodTube has the little http://podtube.co.cc/favicon.ico graphic. Now, if you’ll notice, you can find it at http://podtube.co.cc/favicon.ico. This should tell you one thing. One, it’s an icon. To make your own and get it to display, here are some instructions.

1. Open PhotoShop or the GIMP. The GIMP is free, and can be easily downloaded.
2. Create a new image, 16×16 pixels in size.
3. Zoom in and draw a small logo. Try to avoid words.
4. Save as favicon.ico in the Icon file format.
5. Upload it to the root (/) of your web, so you can see it at http://your-site.com/favicon.ico
6. Wait for a while, and it’ll appear. If it takes more than 24 hours, press F5, clear your cache, and restart your browser.

MrTouz
You are missing the :

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


Plus i would not suggest 'drawing it' since you are going to have a hard time playing around with effects.

- http://tools.dynamicdrive.com/favicon/
Very good one if you want to upload an image... which is usually what i do and it re-sizes and keeps some of the quality.

- http://www.favicon.co.uk/
It aint a bad site too
Stephen Paul
Thanks Shivanikapoor I was looking for a website like this. This is really very useful, Thanks for helping.
johnscore
Thanks shivnikapoor. I like those Icon there are very nice.
zpcs
QUOTE(MrTouz @ Jan 17 2009, 08:19 AM) *
. . .
CODE
<link rel="shortcut icon" href="/favicon.ico">

. . .

I don't dry.gif know, but . . .
I use the following in my htm(l) pages:
CODE
<link rel="shortcut icon" href="favicon.ico"/>

to display my " " favicon.ico.

That's right, Fortune 500 here we come!

zpcs
IamShipon1988
ZPCS, you have the correct version of the code. Unlike Mr.Touz's, you close your link tag, which will therefore be a valid HTML code. However, often I use the following code
CODE
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

The difference is that, the code I use tells the server that I want an image/icon to view. I know I somewhat do that with the link, but "old-skool" browsers need to be told all information.
zpcs
QUOTE(IamShipon1988 @ Jun 23 2009, 05:46 PM) *
ZPCS, you have the correct version of the code. Unlike Mr.Touz's, you close your link tag, which will therefore be a valid HTML code. However, often I use the following code
CODE
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

The difference is that, the code I use tells the server that I want an image/icon to view. I know I somewhat do that with the link, but "old-skool" browsers need to be told all information.

Thanks IamShipon1988, I know MrTouz had the best of intentions and it was most likely a typo.
I like it when conforming additives enhance the performance, that's the sixth thing I learned today. smile.gif
Yeah! I'm one of those that uses hand tools in the midst of technology but I do use power tools - carefully so I don't cut my digits off. (1 and 1 = 1)

zpcs
pmorrison8522
Thanks. I know Photoshop, and I could have made it in a other way, but you have made the steps simple here in your tutorial.
r4nintendods


great! now i don't have to search that long for icons..
Loading2009
Thanks.
Here a great website that provide a .ico/.png/and more types of images.
I always use this site to get great icons. There are a lot of them there!

IconFinder.NET
Jeff Cliff
QUOTE(shivnikapoor @ May 4 2009, 06:54 AM) *
if anyone download free ready made icons visit at http://www.yourdesignneeds.com/download_free_icons/ enjoy it.

thanks for sharing this useful link
Azmah
What if your running Wordpress?
Jacce
QUOTE(MrTouz @ Jan 17 2009, 01:19 PM) *
You are missing the :

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


Plus i would not suggest 'drawing it' since you are going to have a hard time playing around with effects.

- http://tools.dynamicdrive.com/favicon/
Very good one if you want to upload an image... which is usually what i do and it re-sizes and keeps some of the quality.

- http://www.favicon.co.uk/
It aint a bad site too


That code is not necessary. I don't use it on my site (it can be found here) and it still works.
jim253
A great post ..thanks sharing
chaitanya88
Thanks.Here a great website Thanks for sharing infomation....







-------------------------------------------------

ccna training in chennai
pwsspartan
Hey! Thanks for sharing this information with us. This is a big help. Good job!
safeguard
GREAT THANKS FOR SHARING
theseowork
thanks for this can u tell me how i add this favicon icon on blogger website...
july
wow, wow, that's good~~so nice
cowboy14
Nice share man
imdprince
hey

Thanks a lot for the Post

Useful One
sspmb
thanks for sharing Links. Will work and proceed to keep on my website
adammiller
thanks for the tutorial.......i have just made my own favicon
adam007
thanks you done really good job.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.