TutorialsRoom.com, Where knowledge lands
RSS Feed

Subscribe: RSS or e-mail

Home » Web Development » General »

How To Add A Favicon To Your Site?

bitmap_vector (1K)
Favicon is the small icon that you see when you visit many sites next to the address of the site, in the tab of the site if your browser supports tabs and in the bookmarks or favorites. I will show you how toimplement a favicon in your site using only free programs.
create_favicons2
  1. Choose a simple image file because it will be a small 16X16 pixels and open it in any graphics program (You can use Microsoft paint that comes with your windows).
  2. Resize your image to 16X16 pixels.
  3. Select your entire image (Ctrl + A in paint).
  4. Copy your image (Ctrl + C in paint).
  5. Now, open any simple icons editor, I use a free program called IcoFX.
  6. Create a new icon file (Press Ctrl + N if you are using IcoFX) and choose 256 colors 16X16 pixels.
  7. Paste your image (Press Ctrl + V if you are using IcoFX) and Save the file as favicon.ico.
    create_favicons1
  8. Upload the favicon.ico file to your site in the root directory of your site for most compatibility (example youresite/favicon.ico).
  9. Add this to the head section of your html file:

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

  10. You can change the href if you have uploaded the favicon.ico file in any directory other than the root of your site and you can use a complete address like "http://www.yoursite.com/favicon.ico".
Rating: 3.0/5 (4 votes)

Post Your Comment: (English Only Please)


(Required)


(Optional, will not be shown)


(Including http:// - Optional)



Type the sum of 5 + 3 (Required)

Copyright © 2007-2012 Hazem Osman. All rights reserved. Terms & Conditions