homepage Welcome to WebmasterWorld Guest from 50.17.86.12
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

    
How to make a favicon.ico?
wolfadeus

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 2344 posted 11:28 am on Mar 12, 2006 (gmt 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.

 

Spica

10+ Year Member



 
Msg#: 2344 posted 12:50 pm on Mar 12, 2006 (gmt 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.

Jon_King

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2344 posted 1:00 pm on Mar 12, 2006 (gmt 0)

Photoshop has an export filetype for this. (It exports any filetype to an indexed-color mode file with an extension of ico.)

wolfadeus

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 2344 posted 1:56 pm on Mar 12, 2006 (gmt 0)

Cool, thank you - will try photoshop.

W.

dreamcatcher

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



 
Msg#: 2344 posted 3:06 pm on Mar 12, 2006 (gmt 0)

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

dc

SonjaD

5+ Year Member



 
Msg#: 2344 posted 4:36 pm on Mar 13, 2006 (gmt 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.

bedlam

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2344 posted 5:24 pm on Mar 13, 2006 (gmt 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

thinkaholic

5+ Year Member



 
Msg#: 2344 posted 6:55 pm on Mar 13, 2006 (gmt 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.

John Carpenter

5+ Year Member



 
Msg#: 2344 posted 5:55 pm on Mar 23, 2006 (gmt 0)

The freeware IrfanView is able to save a picture as an .ico file. It is also an excellent image viewer.

ken_b

WebmasterWorld Senior Member ken_b us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 2344 posted 6:42 pm on Mar 23, 2006 (gmt 0)

>> IrfanView is able to <<

Hey, I didn't know that, thanks!

bcolflesh

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2344 posted 6:49 pm on Mar 23, 2006 (gmt 0)

The Gimp allows you to save various formats as .ico and will prompt you for bit/color depth - very handy.

SEOdevhead

5+ Year Member



 
Msg#: 2344 posted 9:31 pm on Mar 25, 2006 (gmt 0)

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

Jon_King

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2344 posted 7:04 pm on Mar 26, 2006 (gmt 0)

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!

Jon_King

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 2344 posted 7:29 pm on Mar 26, 2006 (gmt 0)

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.

getxb

5+ Year Member



 
Msg#: 2344 posted 7:52 pm on Mar 26, 2006 (gmt 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

mahlon

10+ Year Member



 
Msg#: 2344 posted 4:01 am on Apr 14, 2006 (gmt 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!

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved