Results 1 to 2 of 2

Thread: Quick Favicon Creation

  1. #1
    Andy101's Avatar
    Andy101 is offline Code Otaku
    Join Date
    Aug 2009
    Location
    Kanazawa
    Posts
    1,252
    Thanks
    173
    Thanked 303 Times in 230 Posts

    Quick Favicon Creation

    I think that this is possibly the fastest way to create an original favicon:

    Grab a screen shot of your home page.

    Select a square-shaped area of the page around your logo e.g. hold down the shift button in your paint software as you select an area (I like Paint.net). Then move the selection frame to precisely encapsulate the area that you want to use for the favicon image.

    Re-size this to 16 pixels square with best quality re-sampling.

    Save it as favicon.ico in a PNG format with 24 bit color depth.

    Upload to the root of your site.

    Now you have a favicon at: yoursite.com/favicon.ico

    And the meta tag for it is:

    Code:
    <link rel="shortcut icon" href="http://yoursite.com/favicon.ico" />
    I can do this in just a few minutes.

    p.s. I think your browser cache can delay the favicon showing up in your browser tool bar, but navigating to the direct link can confirm that it is indeed present.

    Also, I think it's a small SEO enhancement that you can make to your sites that don't have a favicon.

    If you are really lazy, grab an icon, upload it to chami.com and download a favicon version of it

  2. Thanked by:

    Spiffister (3 October, 2011), Will.Spencer (5 March, 2011)

  3. #2
    TopDogger's Avatar
    TopDogger is offline Über Hund
    Join Date
    Jan 2009
    Location
    Hellfire, AZ
    Posts
    3,050
    Thanks
    345
    Thanked 909 Times in 694 Posts
    ICO is actually a special image file format and file should be saved in that format. Starting with a GIF or PNG file and renaming it as some sites recommend has not always worked with all browsers.

    It is better if you use image editing software that works with the ICO format and convert the file. Both Gimp and Irfanview can save an image in the correct format. It looks like Paint.net is Gimp, so that makes sense. Paint Shop Pro and many other image editors cannot work with ICO files.
    "Democracy is two wolves and a lamb voting on what to have for lunch. Liberty is a well-armed lamb contesting the vote." -- Benjamin Franklin


Similar Threads

  1. Replies: 0
    Last Post: 21 November, 2010, 14:00 PM
  2. Replies: 2
    Last Post: 30 March, 2010, 06:08 AM
  3. NB Favicon.
    By jakki in forum Forum Life
    Replies: 13
    Last Post: 28 August, 2009, 03:53 AM

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
  •