Welcome to WebmasterWorld Guest from 54.225.20.73

Forum Moderators: not2easy

Message Too Old, No Replies

How to make a favicon.ico?

     
11:28 am on Mar 12, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 7, 2005
posts:656
votes: 0


Hello,

I would like to add a favicon.ico file, but have no idea how - it is fine to build a gif file of 10 by 15 pixels, save it as favicon.gif, change it to .ico and place it in the same directory as my index.html?

Thank you for all advice! W.

12:50 pm on Mar 12, 2006 (gmt 0)

Full Member

10+ Year Member

joined:Feb 11, 2003
posts:234
votes: 0


No, a favicon is not a gif. However, there are lots of programs, many of them freeware, that you can use to convert your image to a functional .ico file.
1:00 pm on Mar 12, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 16, 2002
posts:2135
votes: 1


Photoshop has an export filetype for this. (It exports any filetype to an indexed-color mode file with an extension of ico.)
1:56 pm on Mar 12, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 7, 2005
posts:656
votes: 0


Cool, thank you - will try photoshop.

W.

3:06 pm on Mar 12, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member dreamcatcher is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 30, 2003
posts:3719
votes: 0


I use Liquid Icon:
[x2studios.com...]

dc

4:36 pm on Mar 13, 2006 (gmt 0)

New User

10+ Year Member

joined:Mar 13, 2006
posts:16
votes: 0


And a lot of browsers actually show a renamed .gif file as well. But an ico file is actually a number of different images (different sizes) in one. You have the 16*16 normal icon, but also the 32*32 bigger one.
5:24 pm on Mar 13, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:May 30, 2003
posts:728
votes: 0


Very simple to do from shell--provided ImageMagick is present on the server:

convert picture.png -resize 16x16! favicon.ico

Just change 'picture.png' to the name of your image.

-b

6:55 pm on Mar 13, 2006 (gmt 0)

Junior Member

10+ Year Member

joined:May 16, 2005
posts:60
votes: 0


Dynamic Drive has an online fav icon converter. Just upload any image and it will convert it for you, and shows you a preview of what it will look like.
5:55 pm on Mar 23, 2006 (gmt 0)

Preferred Member

10+ Year Member

joined:May 30, 2005
posts:456
votes: 0


The freeware IrfanView is able to save a picture as an .ico file. It is also an excellent image viewer.
6:42 pm on Mar 23, 2006 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member ken_b is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Oct 5, 2001
posts:5803
votes: 93


>> IrfanView is able to <<

Hey, I didn't know that, thanks!

6:49 pm on Mar 23, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 21, 2003
posts:2355
votes: 0


The Gimp allows you to save various formats as .ico and will prompt you for bit/color depth - very handy.
9:31 pm on Mar 25, 2006 (gmt 0)

New User

10+ Year Member

joined:Mar 13, 2006
posts:21
votes: 0


Where do you place favicon.ico? In the root? And do you have to call it in all your html pages?
7:04 pm on Mar 26, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 16, 2002
posts:2135
votes: 1


You don't place it anywhere except in the root directory of your site. And you don't call it from a page or anywhere else.

Simply upload it to your server and viola, you have a favicon!

7:29 pm on Mar 26, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 16, 2002
posts:2135
votes: 1


It won’t, however, show up on all pages of your site, unless you place a copy of the favicon in all sub directories. These can be different art. i.e. A favicon placed in the root directory only works on files in the root.
7:52 pm on Mar 26, 2006 (gmt 0)

Junior Member

10+ Year Member

joined:Oct 17, 2005
posts:169
votes: 0


Where do you place favicon.ico? In the root? And do you have to call it in all your html pages?

Simply put this small code inside <head></head> : <link rel="shortcut icon" href="http://www.example.com/favicon.ico" />

However you may replace http://www.example.com/favicon.ico with http://www.example.com/example/images/favicon.ico

Regards,
getxb

4:01 am on Apr 14, 2006 (gmt 0)

Preferred Member

10+ Year Member

joined:Nov 8, 2001
posts:447
votes: 0


Go here:

[telegraphics.com.au...]

You may have to download the Windows package, which you can also get by clicking here:

[telegraphics.com.au...]

Now all you have to do is extract icoformat.8bi to your plugins folder in adobe. Now the next time you start Adobe you will have the option to save, make, create, and load .ico files!

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members