Welcome to WebmasterWorld Guest from 54.159.214.250

Forum Moderators: not2easy

How to make a favicon.ico?

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

WebmasterWorld Senior Member 5+ Year Member



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)

10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 5+ Year Member



Cool, thank you - will try photoshop.

W.

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

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



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

dc

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

5+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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)

5+ Year Member



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)

5+ Year Member



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)

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



>> IrfanView is able to <<

Hey, I didn't know that, thanks!

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

WebmasterWorld Senior Member 10+ Year Member



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)

5+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member



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)

5+ Year Member



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)

10+ Year Member



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!

 

Featured Threads

Hot Threads This Week

Hot Threads This Month