How do I create and use a favicon?

  • recidivist

    (@recidivist)


    20 years ago

    I have searched here and can’t seem to see a post about it. Does anyone know how to put a url icon onto my site so it appears in the address bar when people visit? Like the W up in the wordpress address bar? Thanks

Viewing 10 replies - 1 through 10 (of 10 total)

  • Do a search for ‘favicon’.

    NuclearMoose

    (@nuclearmoose)

    You are talking about a favicon. https://photomatt.net/2003/11/13/how-to-create-a-favicon/
    May as well give one of the bosses a plug, eh? ??

    Thread Starter recidivist

    (@recidivist)

    Thanks so much. That site was really helpful, and the app Irfanview suggested in the comments was great for creating the .ico file. I have uploaded it to my root, and it is displaying great is Firefox (check out the site at https://www.recidivist.co.uk/. But IE does not display this. Anything obvious I should be doing?

    NuclearMoose

    (@nuclearmoose)

    Yeah, don’t worry about IE. It has really crappy support for favicons. My favicon doesn’t show up in IE, either. You could add this line
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    into the <head> portion of your index.php file for WP 1.2.2 or header.php for WP 1.5, and that may help, but by and large, I’ve never had too much success with IE showing favicons on a regular basis.

    milkphish

    (@milkphish)

    This is where I made mine — it only makes simple pixelated favicons, but it’s very easy and simple. Your creation gets emailed to you, and you just put it in your root directory:

    https://www.favicon.co.uk/

    TheOneAndOnly

    (@theoneandonly)

    NukeMoose,

    I was going to ask about favicons in 1.5 and you almost answered my question. The problem is my theme (Mangi2) doesn’t seem to have a header.php file. It has a wp-blog-header.php file. Would that be it?

    TheOneAndOnly

    (@theoneandonly)

    Nevermind. I found it. DOH!

    I’m looking for artsy favicons. Anyone know of a good site which might feature such?

    I’ve tried creating favicons fr. various images I like on the web (or my own), but either I’m doing something wrong in the image creation process or I’m picking the wrong images to convert into favicons because they all look squashed & barely visible once they’re down to 16×16. Take a look at my blog & you’ll see the one I’m using now: https://www.richardsilverstein.com/

    Correction for relative links:

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

    should be

    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />

    if ‘favicon.ico’ in the same directory as ‘index.php’. You’ll have to add the file and the head text to the root folder for WP as well as to the ‘wp-admin’ folder.

    This online tool allows you to upload an pic and it converts it into .ico format and resizes it for you.
    I’ve used it before. it rocks.
    https://www.chami.com/html-kit/services/favicon/

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How do I create and use a favicon?’ is closed to new replies.