SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    SitePoint Member
    Join Date
    Mar 2012
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry Help with Favicons

    Hey Buds,

    I am having trouble setting up my favicon.

    My code is currently:
    Code:
    <html>
    <head>
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
    </head>
    </html>
    the icon is in the folder, and it is saved as "favicon.ico". I have renamed it before, if that matters. And the image is currently already saved as a ICO.

    Thanks

  2. #2
    SitePoint Member
    Join Date
    Mar 2012
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Also, if I type this into my Address bar :
    file:///C:XXXXXXXXXXXXXX/Desktop/ico/favicon.ico.ico

    It appears.

  3. #3
    SitePoint Zealot sammyspam's Avatar
    Join Date
    Feb 2009
    Location
    Australia
    Posts
    103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My site worked instantly with the Favicon and you seem to have set everything up correctly. The code I use is this though:

    Code:
    <link href=’your url’ rel=’shortcut icon’ type=’image/x-icon‘/>
    I do very little coding myself (I have a website partner for that), but this quick answer should hopefully help while you wait for someone with more experience.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Sometimes it takes a while for the icon to appear. Try bookmarking the site or viewing it in a browser you haven't used yet. Also, be aware that you can't create an image (such as .gif) and then just change the extension to .ico. You need a tool to convert it into a true .ico file.

    You can get a plugin for Dreamweaver to allow it to save .ico files here:

    http://www.telegraphics.com.au/sw/

    and there are also some online tools that allow for the same, such as

    http://tools.dynamicdrive.com/favicon/
    http://www.chami.com/html-kit/services/favicon/
    http://www.favicon.cc/
    http://www.prodraw.net/favicon/index.php

  5. #5
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cool

    This worked for me in notime
    Code:
    <!--     Site icon bookmark   -->
    <link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon.ico" type="image/x-icon" />
    <link rel="icon" type="image/icon" href="http://www.yoursite.com/favicon.ico" />
    <!--     /Site icon bookmark   -->
    Good luck.

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,722
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    I just renamed the file to favoriteicon.ico and changed the HTML accordingly. It showed up for me.

    I didn't feel like waiting to see if it would indeed show up on my site after waiting a bit.
    Quote Originally Posted by mudroot View Post
    Hey Buds,

    I am having trouble setting up my favicon.

    My code is currently:
    Code:
    <html>
    <head>
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
    </head>
    </html>
    the icon is in the folder, and it is saved as "favicon.ico". I have renamed it before, if that matters. And the image is currently already saved as a ICO.

    Thanks
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  7. #7
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,365
    Mentioned
    268 Post(s)
    Tagged
    5 Thread(s)
    Quote Originally Posted by mudroot View Post
    My code is currently:
    Code:
    <html>
    <head>
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
    </head>
    </html>
    the icon is in the folder, and it is saved as "favicon.ico".
    What do you mean by "the icon is in the folder"? Do you mean it's in the same folder as your pages? In that case, try changing the link to read
    Code:
    href="favicon.ico"
    without the leading /

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,722
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by TechnoBear View Post
    What do you mean by "the icon is in the folder"? Do you mean it's in the same folder as your pages? In that case, try changing the link to read
    Code:
    href="favicon.ico"
    without the leading /
    The disadvantage of this advice is that if he is using dynamic pages with PHP includes (or other repeatable context), the directories you are linking to may not have the actual icon in it.

    It's best to place the icon in the root directory for this reason, and simply identify it via /favicon.ico.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  9. #9
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cool

    I agree with Ryan.
    Most browsers will show your 'favicon.ico' (24 bit) if it is placed in the root folder of your site.
    If you have a multiple site from the same root, it is best if you specify (exactly) the root dir.
    (see what I wrote above)

  10. #10
    SitePoint Mentor silver trophybronze trophy
    Mikl's Avatar
    Join Date
    Dec 2011
    Location
    Edinburgh, Scotland
    Posts
    1,598
    Mentioned
    66 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by esn003 View Post
    Most browsers will show your 'favicon.ico' (24 bit) if it is placed in the root folder of your site.
    I agree with that.

    I was also under the impression that the icon had to be 16 x 16, and that it wouldn't work if it was larger. (I don't remember where I got that from, but I've always worked on that basis).

    Mike

  11. #11
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cool

    Right Mike,
    HERE, the size is not that importrant but the 24 bit
    While playing with that (the favicon.ico), I managed to see an .ico 128x128x24.

  12. #12
    SitePoint Mentor silver trophybronze trophy
    Mikl's Avatar
    Join Date
    Dec 2011
    Location
    Edinburgh, Scotland
    Posts
    1,598
    Mentioned
    66 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by esn003 View Post
    HERE, the size is not that importrant but the 24 bit
    Interesting. I've just looked at the favicons for all my sites. They're either 4-bit or 8-bit, and all 16 x 16. As far as I know, they have always worked properly.

    Is that figure of 24 a maximum, or the actual figure?

    Mike

  13. #13
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Right. Using the max. 24 bit you also get a good resolution.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •