Results 1 to 10 of 10

Thread: Make your site look professional: Make a favicon

  1. #1
    Registered Generalissimo's Avatar
    Join Date
    Mar 2005
    Location
    Huddersfield, UK
    Posts
    409

    Make your site look professional: Make a favicon

    You'd be surprised by how much these 16 by 16 pixel images can improve the image of your site in the eyes of users: Almost all large sites have favicons, hardly any amateur sites do. User's notice this, as they notice the padlock when purchasing, and therefore trust a site more.

    An example of a favicon I made in less than five minutes on a site: http://www.historyempire.com
    Another one is this site!

    Open paint, make a basic 16x16 image, save as filetype BMP but as filename favicon.ico. Upload this to your domain root (so the location will be http://www.yourdomain.com/favicon.ico). Then add to all pages
    <link rel="icon" href="http://www.yourdomain.com/favicon.ico" type="image/x-icon">

    Chris take note - I don't think website publisher does this, and hence when you try to add a bookmarks toolbar link to it in firefox, the favicon does not show.

  2. #2
    Registered
    Join Date
    Aug 2006
    Location
    Sacramento, CA
    Posts
    208
    This site does have a favicon, which is a small version of the main logo. Not sure why you aren't seeing it.
    ________
    California Mdecial Marijuana Dispensaries
    Last edited by rpanella; 03-17-2011 at 10:54 AM.

  3. #3
    Registered Generalissimo's Avatar
    Join Date
    Mar 2005
    Location
    Huddersfield, UK
    Posts
    409
    I know. I mentioned that earlier. What I was saying was bookmarks toolbar doesn't work as Chris hasn't put that link rel code in

  4. #4
    Site Contributor KLB's Avatar
    Join Date
    Feb 2006
    Location
    Saco Maine
    Posts
    1,181
    There are also Adobe Photoshop plugins that will create favicons that work great. This site, like most sites I visit does have a favicon, as others have mentioned maybe Chris isn't referencing it in the header code, but I do see it on my Firefox address bar.
    Ken Barbalace - EnvironmentalChemistry.com (Environmental Careers, Blog)
    InternetSAR.org: Volunteers Assisting Search and Rescue via the Internet
    My Firefox Theme Classic Compact: Based onFirefox's classic theme but uses much less window space

  5. #5
    Administrator Chris's Avatar
    Join Date
    Feb 2003
    Location
    East Lansing, MI USA
    Posts
    7,055
    I didn't know about the header code bit. Since favicon's were released... in ie 3 I think it was, I didn't realize it had changed.
    Chris Beasley - My Guide to Building a Successful Website[size=1]
    Content Sites: ABCDFGHIJKLMNOP|Forums: ABCD EF|Ecommerce: Swords Knives

  6. #6
    Site Contributor KLB's Avatar
    Join Date
    Feb 2006
    Location
    Saco Maine
    Posts
    1,181
    If you don't have the code, just use this (place between <HEAD> tags):
    Code:
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    Ken Barbalace - EnvironmentalChemistry.com (Environmental Careers, Blog)
    InternetSAR.org: Volunteers Assisting Search and Rescue via the Internet
    My Firefox Theme Classic Compact: Based onFirefox's classic theme but uses much less window space

  7. #7
    Registered Generalissimo's Avatar
    Join Date
    Mar 2005
    Location
    Huddersfield, UK
    Posts
    409
    I originally thought the same as Chris, but although it showed in the address bar it would not show in firefox bookmarks. Upon adding that code it worked.

  8. #8
    Registered
    Join Date
    Aug 2006
    Location
    Sacramento, CA
    Posts
    208
    Quote Originally Posted by Generalissimo View Post
    I originally thought the same as Chris, but although it showed in the address bar it would not show in firefox bookmarks. Upon adding that code it worked.
    Interesting, I never knew that. I just assumed since it loaded in the address bar that it would also be used for the bookmarks.
    ________
    Box Vaporizer
    Last edited by rpanella; 03-17-2011 at 10:54 AM.

  9. #9
    Registered
    Join Date
    Jul 2005
    Posts
    33
    It's not showing in firefox bookmarks because of bad site config, has nothing to do with link tag and html overall.
    I saw many Vbulletin forums have this favicon bug.
    All you need is to put exact rule in htaccess to make sure you favicon.ico laying in docroot will go directly to browser. Vbulletin trying to render favicon.ico as html page, adding some html to that binary file.
    It's pretty boring, but I'm using "Favicon Picker" FF extension to fix this.

  10. #10
    Banned
    Join Date
    Jul 2007
    Location
    South Africa
    Posts
    18
    It can be used for bookmarks and title bar

    <link rel="bookmark" href="favicon.ico" />
    <link rel="shortcut icon" href="favicon.ico" />

Similar Threads

  1. Am I right about duplicate content in site promotion?
    By Shyflower in forum General Promotion
    Replies: 7
    Last Post: 10-05-2008, 08:52 AM
  2. sandbox proof based on my definition
    By Kyle in forum Search Engine Optimization
    Replies: 43
    Last Post: 04-16-2007, 05:44 AM
  3. How To Increase Targeted Web Site Traffic
    By pay786 in forum General Promotion
    Replies: 1
    Last Post: 11-01-2005, 01:45 PM

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
  •