Home » Web Development » General »
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.
How To Add A Favicon To Your Site?
- 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).
- Resize your image to 16X16 pixels.
- Select your entire image (Ctrl + A in paint).
- Copy your image (Ctrl + C in paint).
- Now, open any simple icons editor, I use a free program called IcoFX.
- Create a new icon file (Press Ctrl + N if you are using IcoFX) and choose 256 colors 16X16 pixels.
- Paste your image (Press Ctrl + V if you are using
IcoFX) and Save the file as favicon.ico.
- Upload the favicon.ico file to your site in the root directory of your site for most compatibility (example youresite/favicon.ico).
- Add this to the head section of your html file:
<link rel="shortcut icon" href="/favicon.ico">
- 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".
Tutorials By Category
Top Rated Tutorials
- Lets Make Alien Suit Avatar Design in Photoshop
Rating: 5.0/5 Votes: 1 - How to Make Stylish Dvd Player in Photoshop
Rating: 5.0/5 Votes: 1 - How to Make Toolbox in Photoshop
Rating: 5.0/5 Votes: 1 - Basic Perspective Drawing Photoshop Tutorial
Rating: 5.0/5 Votes: 1 - Create a Jquerymobile Wordpress Rss Reader for Your Site
Rating: 5.0/5 Votes: 1
Latest Exclusive Tutorials
Copyright © 2007-2012 Hazem Osman. All rights reserved.
Terms & Conditions








![[del.icio.us]](http://www.tutorialsroom.com/includes/bookmarkify/delicious.png)
![[Digg]](http://www.tutorialsroom.com/includes/bookmarkify/digg.png)
![[Facebook]](http://www.tutorialsroom.com/includes/bookmarkify/facebook.png)
![[Furl]](http://www.tutorialsroom.com/includes/bookmarkify/furl.png)
![[Google]](http://www.tutorialsroom.com/includes/bookmarkify/google.png)
![[MySpace]](http://www.tutorialsroom.com/includes/bookmarkify/myspace.png)
![[Spurl]](http://www.tutorialsroom.com/includes/bookmarkify/spurl.png)
![[Squidoo]](http://www.tutorialsroom.com/includes/bookmarkify/squidoo.png)
![[StumbleUpon]](http://www.tutorialsroom.com/includes/bookmarkify/stumbleupon.png)
![[Technorati]](http://www.tutorialsroom.com/includes/bookmarkify/technorati.png)
![[Yahoo!]](http://www.tutorialsroom.com/includes/bookmarkify/yahoo.png)
![[Email]](http://www.tutorialsroom.com/includes/bookmarkify/email.png)