Surfing the Internet, chances are you have came across a website with an icon appearing in the address bar or next to a bookmark like the following:
Well, if you’ve been wondering about it, these are FAVICONS.
According to W3C a favicon is:
…a graphic image (icon) associated with a particular Web page and/or Web site. Many recent user agents (such as graphical browsers and newsreaders) display them as a visual reminder of the Web site identity in the address bar or in tabs
The icon must be 16×16 pixels or 32×32 pixels, using either 8-bit or 24-bit colors. The format of the image must be one of PNG (a W3C standard), GIF, or ICO.
With that been said, the question is, how can you add one? The solution is very simple and can be easily implemented online.
1 - Pick a picture that you like and would like to add to your website
2 - Go to FavIcon From Pics, browse to your picture, select it and click “generate FavIcon.ico”
3 - Click “Download FavIcon” and open the package. favicon.ico is included in it.
4 - Upload the favicon.ico file to the folder on your web site where you have the web page.
5- Open your webpage HTML file and Add the following line between <head></head>
<link rel="shortcut icon" href="http://yourwebsite.com/favicon.ico" type="image/vnd.microsoft.icon"> for .ico files
or
<link rel="icon" type="image/png" href="yourwebsite.com/image.png"> for png files
6- Save the webpage and upload it
That it. Enjoy!!!
Related Articles
No user responded in this post
Leave A Reply
Please Note: Comment moderation maybe active so there is no need to resubmit your comments