Favicon

Discussion in 'HTML & Website Design' started by wil888, Aug 20, 2007.

0
  1. #1
    How do i create and set up a favicon? Any favicon experts here. thanks
     
    wil888, Aug 20, 2007 IP
  2. Smyrl

    Smyrl Tomato Republic Staff

    Messages:
    13,740
    Likes Received:
    1,702
    Best Answers:
    78
    Trophy Points:
    510
    #2
    There are favicon editors online that allow you to make one. Do a search. Also certain graphics programs have the capability built in.

    My favorite favicon site no longer exists.
     
    Smyrl, Aug 20, 2007 IP
  3. vasildb

    vasildb Well-Known Member

    Messages:
    845
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    118
    #3
    You have to create a icon file 16x16 named favicon.ico and place it on the top directory.
     
    vasildb, Aug 20, 2007 IP
  4. Zaiaku

    Zaiaku Well-Known Member

    Messages:
    484
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #4
    Very easy.

    1.Create an image 16X16 pixels in size. Yes, it is really small and you can't really draw much in it. You should also restrict yourself to the standard Windows 16 colours, although I suspect that 256 colours will work fine.

    If you like, you can also create a 32X32 pixel icon, which will be scaled to size for the Favorites menu and the location bar. You can even put both 16X16 and 32X32 pixel icons into the same icon file. Windows will use the former for its menus and the latter when the user opens up a folder that is set to display large icons. It's probably not really necessary to do this if you can't be bothered.

    2.Save the image as an ICO file (named "favicon.ico", of course).

    3.Upload it to your website. You don't need to upload one to every directory of your site if you don't want to waste space - simply put it in your root directory and IE will apparently locate it eventually. You can also upload it into your images directory, but you will need to modify your web pages if you do. See later in this article for more information on this.
     
    Zaiaku, Aug 20, 2007 IP
  5. DatR

    DatR Peon

    Messages:
    210
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #5
    you can also try this site:

    http://www.htmlkit.com/services/favicon/

    it lets you input an image you want to use and it will generate the favicon for you... i've used it and some images turn out pretty good as a favicon while others don't... might be a quick and easy way for you to get it done
     
    DatR, Aug 20, 2007 IP
  6. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #6
    I had to download something to be able to save as a .ico in photoshop.

    Could upload it for you if you need it.

    Has to be a 16x16 px image and you need to link to it on your pages head section like so:

    <link rel="shortcut icon" href="favicon.ico" />
     
    twistedspikes, Aug 20, 2007 IP
  7. wil888

    wil888 Peon

    Messages:
    178
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks experts
     
    wil888, Aug 20, 2007 IP
  8. Ergum

    Ergum Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I really having a problem with finding the place to put this link so
    Is anyone can explain me in easier way?
     
    Ergum, Nov 30, 2007 IP
  9. ~*77*~

    ~*77*~ Peon

    Messages:
    72
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I don't think you actually have to link it anywhere to make it work. Just place it in the top level of your www folder. Mine show up with no links.

    This is another good place to make one:

    http://www.chami.com/html-kit/services/favicon/
     
    ~*77*~, Nov 30, 2007 IP