How do I open and save .ico files for favicon?

Discussion in 'HTML & Website Design' started by NetProGamer, May 22, 2009.

  1. #1
    Can anyone tell me a free program to open and save .ico files so I can add a favicon to my blog?

    I have found out how and where to add it in my theme settings (I think) but can't seem to open and save it to my computer first.

    Or is there something I'm missing?

    Thanks!
     
    NetProGamer, May 22, 2009 IP
  2. Electro-Host

    Electro-Host Well-Known Member

    Messages:
    321
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    130
    #2
    Have you already made a favicon?
     
    Electro-Host, May 22, 2009 IP
  3. Ralle

    Ralle Active Member

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #3
    I have been told that a favicon.ico is just a .gif file so renaming it to .gif and editing it with anything should do. I am not sure though.
     
    Ralle, May 22, 2009 IP
  4. nihangshah

    nihangshah Prominent Member

    Messages:
    5,536
    Likes Received:
    271
    Best Answers:
    3
    Trophy Points:
    395
    #4
    nihangshah, May 22, 2009 IP
  5. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Both Windows Paint and GIMP can open, edit, and save ICOs.

    Nope, you can use a GIF as a favicon but it's not the same as an ICO.
     
    Cash Nebula, May 22, 2009 IP
  6. tonicc

    tonicc Well-Known Member

    Messages:
    198
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    101
    #6
    tonicc, May 22, 2009 IP
  7. NetProGamer

    NetProGamer Well-Known Member

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #7
    Cheers for the responses.

    I have installed IrfanView and got my animated favicon opened in it but can't seem to save the file on to my computer.

    Can anybody tell me how to do this and the next step to getting it on to my blog?

    Thanks again :)
     
    NetProGamer, May 23, 2009 IP
  8. Ralle

    Ralle Active Member

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #8
    Put the icon somewhere on the site and get the URL.
    Then add the URL to this code
    <link REL="SHORTCUT ICON" HREF="URL">
    Code (markup):
    Put the URL in there and add this html to your <head></head> tag
     
    Ralle, May 24, 2009 IP
  9. NetProGamer

    NetProGamer Well-Known Member

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #9
    Where do I get the URL from?
     
    NetProGamer, May 24, 2009 IP
  10. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #10
    If your favicon.ico file is in your root directory, the URL is:
    http://example.com/favicon.ico
    Code (markup):
    But you don't really need to add the code if the favicon is in the root or webpage directory because the browser will find it automatically.
     
    Cash Nebula, May 24, 2009 IP
  11. NetProGamer

    NetProGamer Well-Known Member

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #11
    I really appreciate the help but I am really stuck.

    I would love for someone to help me and post me the exact code to put in to my wordpress theme if at all possible.

    Here is the favicon I wish to use http://www.favicon.cc/?action=icon&file_id=27789

    Thanks again for the help so far.
     
    NetProGamer, May 25, 2009 IP
  12. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #12
    1. Go here: http://www.favicon.cc/favicon/789/27/favicon.ico
    2. Right click on it and save it to your desktop as favicon.ico (NOT favicon.ico.gif !!!)
    3. Upload favicon.ico to your website, in the root directory
    4. Paste this into the HEAD section of your WP theme:
    <link rel="shortcut icon" href="http://www.yourdomain.com/favicon.ico" />
     
    Kerosene, May 25, 2009 IP
  13. NetProGamer

    NetProGamer Well-Known Member

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #13
    Cheers for the help mate and I have done 1 & 2 but how do I do this?
     
    NetProGamer, May 25, 2009 IP
  14. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #14
    Get an FTP program (Filezilla, or FireFTP for Firefox - both are free and good).
    Then put in your domain, username and password... and upload your file.

    http://en.wikipedia.org/wiki/File_Transfer_Protocol

    I'm assuming that you're hosting your own blog. If you're using the 'free' Wordpress.com hosting, then you're probably screwed.
     
    Kerosene, May 25, 2009 IP
  15. NetProGamer

    NetProGamer Well-Known Member

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #15
    I am using my own hosting and already got filezilla but have tried uploading through wordpress directly without having to use FZ.

    I have now found out that it has saved to my desktop as a favicon.ico.gif file and can't seem to find out how to save it as a favicon.ico file.

    When I click save image as it gives the option to save as type: GIF image or all files so I tried using all files but it saves as .gif

    How do I save as .ico file?

    Thanks again for your help
     
    NetProGamer, May 25, 2009 IP
  16. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #16
    If you're using Windows - right click on the file you've already saved, select "rename" and then just get rid of the .gif.

    You can also do this from FileZilla. If you've uploaded it as favicon.ico.gif, you can just rename the file on your server.

    If you can't see extensions on your Windows machine, here's what to do.

    If you want to trust a complete stranger with your FTP password (or a temp password), I'd be happy to set this up for you. It will take about 30 seconds :)
     
    Kerosene, May 25, 2009 IP
  17. NetProGamer

    NetProGamer Well-Known Member

    Messages:
    134
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #17
    Thanks alot, I'd rather try and do it myself first.

    I have uploaded it to wordpress in media library (as .ico file now) and have added <link rel="shortcut icon" href="http://top-ps3games.com/favicon.ico" /> to the theme but still not working.

    How do I add it to the root directory?

    Is that the correct <link rel above?
     
    NetProGamer, May 25, 2009 IP
  18. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #18
    There is no file located at http://top-ps3games.com/favicon.ico.

    If your favicon.ico isn't located at top-ps3games.com/favicon.ico, then it won't show up.
    You need to use an FTP client to either upload it there, or move it from where it is.
     
    Kerosene, May 25, 2009 IP
  19. 9xlinux

    9xlinux Well-Known Member

    Messages:
    321
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    110
    #19
    There are many online tools availble who can convert your image to favicon. You can Google it.
    To show up in your webiste you may needed to use bellow code in the head section of your HTML,
    <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
    Code (markup):
    Change images/favicon.png to your actual path of your favicon.
     
    9xlinux, Aug 2, 2021 IP