Create FavIcon for your website with this simple online tool
Use this simple online tool to create FavIcon for your website.
FavIcons are those small little icons that shows up on your browser’s title bar, just in front of the title. FavIcon gives your website that last professional touch. These days with those multi-tab browsers it would be an easier thing to identify the tab your webpage is open with just your FavIcon.
Follow these simple steps to create FavIcon for your website,
Step-1: Create a simple but unique square image
Create a square image that’s simple and unique. The image can be of size preferably 32 x 32 or 64 x 64. Keep in mind that FavIcons are really small icons and so don’t bother to focus much on the details of the image. A unique image that can stand out even in a small size would do.
Step-2: Use “FavIcons from Pics” to create FavIcon
Navigate to FavIcon from Pics website. Choose the file that you’ve created at Step-1 and hit the “Generate FavIcon.ico” button.
Step-3: Upload the .ico file to your web server
Grab the .ico file that’s generated and upload it to your website’s root directory. Go check your website and you should be able to see the FavIcon in action. If you have any caching installed on your website you might have to refresh the cache for this to take effect.
Step-4: (Optional) Add HTML to link the .ico file
If you still don’t see the FavIcon even after making sure that you’ve uploaded the .ico file to the root directory then add this following line of HTML to your website’s index (or main) file at the <head> section.
<link rel=”shortcut icon” href=”http://www.your-website-name.com/path-to-favicon.ico”>
You should be able to see the FavIcon in action by now. The above is a sample FavIcon in action at DemoGeek.com.
I hope this helps you associate a FavIcon to your website or blog. If you have any questions/comments regarding this please let us know in comments.
You might be interested to read these as well
Tweet This: Send This Page to Twitter
Subscribe to our free RSS feed to keep up with what's happening at DemoGeek.com.
