• I want to generate a favicon either from one of my own images or fr. a website. I visited the html-kits.com site & while their instructions indicate you can upload a 32x32px favicon, their actual download is only 16×16.

    Is there any way to create the larger size & will FF display it at that size if I do?

Viewing 14 replies - 1 through 14 (of 14 total)
  • Just what are you talking about? A favicon is designed to be 16×16 so it fits in the address window of your browser. Like this one.
    https://www.chami.com/html-kit/services/favicon/

    If you mean to say gravatar you need this plugin to show them:
    ttp://www.gravatar.com/implement.php#section_2_2

    If you want to let your readers sign up for a gravatar you need this plugin:
    https://txfx.net/2005/03/11/wp-gravatar-signup/

    A gravatar can be any size from 80×80 or smaller you set the parameter in the first plugin.

    On another note, last time I checked this was a WP support forum. I could be wrong, but I think not. And remember Google is your friend:

    how do u get a favicon to work w/ wordpress =O

    Click the ‘friend’ link in the post above.

    I use Dynamic Drive’s Favicon Generator

    https://tools.dynamicdrive.com/favicon/

    Thread Starter richards1052

    (@richards1052)

    Marc: I don’t know why my question wasn’t clear to you. The site I mentioned above seems to imply there is a way to exhibit a 32×32 favicon in the browser addr. bar. I wasn’t talking about gravatars. I know the diff. bet. a gravatar & a favicon.

    Sorry, Marc but I think you’re being a bit snippy & too cute by half. I interpret this forum as one that could help any WP user with any issue related to their WP blog. That’s why I posted here about favicons. This site is often a quick & fast way to get questions answered while Google can sometimes lead you on a wild goose chase & not provide the answer you need.

    You should also realize that what you know may be more than what I know. And that’s why we come here–because other members can teach us what we don’t know.

    Hi Richards… I also noticed that the html tool kit was including a 32×32 icon in their download but so far, I haven’t been able to find a browser that will display anything other than 16×16. Good luck on your quest though. ??

    richards1052 – I think you are being harsh on Marc, who I happen to agree with. Marc also gave you the link to the site which thousands of other people have used without any problems yet.

    These forums need to retain their focus on supporting WordPress.
    If we take your example: “as one that could help any WP user with any issue related to their WP blog.” then I could post for:
    – help with Filezilla so I can upload
    – help with smtp settings so I can blog my mail
    – help with my wireless card so I can blog from a laptop
    – help finding a cheap new screen because my last one broke and without it I can’t use the net and then I can’t blog …

    Okay, so that takes it to extremes but when we start to dilute – especially by posting in the wrong forum – then we make it harder for someone with a real WP problem to get their question seen.

    Yes we may have a wealth of knowledge between us, and yes we may be quicker but abusing that by cluttering the forums does a disservice to all WP users.

    32×32 favicons are designed to be picked up & shown on a desktop when a link is dragged there from the browser address bar. Otherwise the 16×16 is used. Can’t remember how to build them though! I rather fancy letting people have a good icon linking to my WP blog on their desktop.

    Favicons must be 16 x 16 in order to work properly.

    You can upload your 32 x 32 (or other sized graphic) and edit/re-size it here, or design your entirely personalised own icon here.

    If you search Google you will find heaps of free favicons ready to use, too.

    Once you have your 16 x 16 graphic, save it with the .ico extension and place it in your root WordPress root directory (ie; the one in which wp.config is located). Close your browser and open it again to your site’s URI and there it’ll be in the address bar. It will automatically be updated to your current bookmark in FireFox, but to work in IE you may have to either click on the old bookmark or re-bookmark it.

    Email me directly if you feel you need more help but don’t want to post here about it.

    Like I posted the link above. I use that to create an ico file from a jpg.

    It gives you a choice to embed 16,32 and 48 sizes of icons in a single file.

    Try it out. I got the favicon i created from there on my blog

    Thread Starter richards1052

    (@richards1052)

    Podz: I appreciate your desire to keep the forum focussed on WP & the reasons for that. But I do think the rules, if there are any, should be applied to all.

    If you do a search on “favicon” in this forum you’ll find numerous posts preceding mine in time in which people ask questions not that dissimilar fr. mine & no one in those threads made comments saying they were off-topic. I thought his sentence “last time I checked this was a WP support forum. I could be wrong, but I think not” was a little too “smarty pants” for me. Call me overly sensitive. But it didn’t tickle my fancy.

    And also, 3 posters above answered my ? simply & directly & didn’t feel the need to take me to task for my question. That would’ve been all the help I needed.

    And regarding Marc’s link to chami.com/html-kits, it was precisely the same site I referenced in my post opening this thread so he was telling me something I already knew & had mentioned in my own post (though he provided a link & I didn’t).

    Okay, I just emailed Richards1052 with this, but it will probably come in handy for someone else. No flames, please! This is what you need to do:

    1. Create your 16 x 16 favicon and name it favicon (the extension MUST be .ico).

    2. Save it to your public_html (aka a€?roota€?) directory.

    3. In that same directory youa€?ll find a file named a€? .htaccessa€?. You must edit that by adding the following NEW line underneath everything else thata€?s in it:

    AddType image/x-icon .ico

    4. Save that file without changing anything else, then go to where your theme is kept: (minea€?s in public_html/wp-content/themes/[whatever my theme is called] but yours maybe in a deeper folder, depending on how youa€?re setup)

    5. Once there, open the file that has all your meta information at the top (the title, character set used, etc). Minea€?s in a file named header.php but yours may not necessarily be a€| just look for the info in the HEAD section and thata€?s a good place to try.

    6. Edit that file to include (ie; add) the following line (making sure that ita€?s INSIDE the HEAD section, and that you replace my URI with yours):

    <link rel="shortcut icon" href="https://www.andrewcairns.com/public_html/favicon.ico" type="image/ico" />

    7. Thata€?s the end of the website end of things. Now head to FireFox and select the Tools/options/cache area. Clear the cache (this may take a while) then restart FireFox.

    8. Click on your bookmark for your site and you should see the new favicon in both the navigation bar and the bookmark. You may need to click on it a second time. Open a new tab in your browser and click on your bookmark again a€“ this time you should see your favicon in there, too!

    I just practised all this on my site and ita€?s working fine, now. The reason you have to add the extra bit into your .htaccess file is because Apache (running on many servers) doesna€?t recognise .ico the way some other server software does. WordPress typically runs on servers with Apache running. Youa€?ll never need to clear the cache, etc again: if you ever want to change your favicon just upload it so as to replace the current one and refresh your site a€| it should be visible in the nav bar, bookmark and tab (I just checked a€| it does work!).

    Hope this has been a bit of a help for you. If you need anything else you know ehere to find me. :o)

    Thread Starter richards1052

    (@richards1052)

    Just wanted to confirm that snaerff’s solution worked beautifully for me. I don’t know why this happened but I could only get the favicon to display when I did a Reload. But as soon as I switched to another tab (I’m using FF) & returned to my WP tab, the favicon disappeared. It also would only appear in the browser URL bar, but wouldn’t display at all in the tab bar.

    Snaerrf’s solution fixed the problem entirely. My hat’s off to him. Possibly a browser bug related to FF having trouble picking up the favicon file fr. php sites, but I’m not expert enough to say for sure.

    hsu0886

    (@hsu0886)

    I read snaerff’s solution, and went looking for my .htaccess file… but there isn’t one. I logged into my 1&1 hosted server via the terminal, and ran an ‘ls-a’ command, and there is no .htaccess…

    My favicon shows up in NetNewsWire Lite, Opera, Firefox, and Flock just fine, but not in Camino (which is odd because Firefox and Flock are fine) or Safari.

    (I’m a Mac user, btw.)

    Could my problems be related to my missing .htaccess file? Or does this sound like something else?

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘favicons from pics’ is closed to new replies.