Skip to main content

Favicon

favicon
What is favicon?
A favicon is a short form or achronym for favorites icon. It is also known as shortcut icon, website icon, URL icon, or bookmark icon. It is a small icon or image displayed at the beginning of  the address bar of the browser and also displayed at the beginning of the title in the browser.

Favicon size: Favicon icon files can be either 16 x 16 or 32 x 32 pixels in size but displays 16 x 16 pixels in size.

Additional  information about favicon: Favicons are either 8-bit or 24-bit in color depth. GIF files have a limited, 256 color palette entries.



Founder of favicon : Simon Butcher is the founder of favicon.

History: In 2003 the .ico format was registered with the  IANA( Assigned Numbers Authority) under the MIME type image/vnd.microsoft.icon, which standardized the .ico file type. The correct mime for icons is image/x-icon.

Browser support:

BrowserICOPNGGIFanimated GIFsJPEGAPNGSVG
Google ChromeDepends4.04.0No4.0NoNo
Internet Explorer4.0NoNoNoNoNoNo
Mozilla FirefoxYesYesYesYesYes3.0No
OperaYesYesYesYesYesYes9.6
SafariYes4.04.0No4.0NoNo

Favicon is supported by Internet Explorer,Mozilla  Firefox, Google Chrome, Safari and Opera.

Format for cross-browser compatible:

<link rel="shortcut icon"  href="http://www.bloggershangout.com/myicon.ico"/>
                                                
                                                    or

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

Supported format of link tags for HTML and XHTML:

HTML:

  • <link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
  • <link rel="icon" type="image/png" href="http://example.com/image.png">
  • <link rel="icon" type="image/gif" href="http://example.com/image.gif">

XHTML:

  • <link rel="icon" type="image/vnd.microsoft.icon" href="/somepath/image.ico" />
  • <link rel="icon" type="image/png" href="/somepath/image.png" />
  • <link rel="icon" type="image/gif" href="/somepath/image.gif" />
Advantages: Favicon makes it easy to find blog or website when someone bookmarked your blog/website among serveral blogs/websites.
It makes your blog look professional.

That's all to say about favicon.

Popular posts from this blog

Youtube Thumbnail Generator Online

Hi Bloggers, Welcome to BloggersHangout !!!

Today, I'm launching my first web application Youtube Thumbnail Generator.  It is No.1 video thumbnail generator service which facilitates users to quickly grab youtube video thumbnails from videos.This web application is mostly useful for the users who wants especially youtube video thumbnails. Users would be any one like movie blog authors, movie bloggers, video song bloggers and many more...

click youtube thumbnail generator to try it out.


What is Youtube Thumbnail Generator?
Youtube Thumbnail Generator is No. 1 thumbnail generator service which grabs and displays youtube generated thumbnails from videos. It is Simple, Fast, Free and Supports eight types of Youtube URL's.
4 Reasons to Love Youtube Video Thumbnail Generator
 Simple                :  It is a Simple online tool to grab youtube video thumbnails  Fast                    :  It generates video thumbnailsin fraction of a second. So, no need to spend more time  Free            …

Is Your Transcend Product Orginal or a Counterfeit | Transcend Product Verification | Verify the Authenticity of Transcend Product

This post explains how to verify the authenticity of Transcend product or to find out Transcend product is original or a counterfeit while buying:

Last week my friend had bought a 32Gb Transcend (USB Flash Drive) pendrive for 350 Rs/- from a stranger who came to his office. After some time they connected pendrive to PC and started to transfer data from PC to pendrive and they observed that it is taking too much time to transfer data. After some time he made a call to me and explained the problem, then i started to search for the appropriate information in google about Transcend products and i found that his transcend pendrive was a counterfeit (not original) as shown below.

How to find out any transcend product is original or a counterfeit while buying from shop or stranger:

Step 1: Go to Transcendusa website and move to the bottom of that webpage and then click product verification link and it renders product verification webpage. See the screenshot present below.


Step 2: Go to produc…

How to Add New Label to Posts in Blogger

Hi Bloggers, Welcome to Bloggershangout !!!

Labels are the easy way to maintain a logical category structure on a blog and it is extremely useful to keep blog organized and user-friendly. If you blog about a lot of different subjects, then labels are handy to logically categorize the blog content, so that readers can choose to view all of your posts on single lable at once. In Blogger, managing labels is quite simple. In this post, we will look at adding new label to Posts in Blogger.


Adding Label to Posts in Blogger
First, we will look at adding single/multiple labels to single post in blogger. When you are writing a blog post in Blogger editor, click Labels section in right sidebar and enter the labels you like, separating them with commas as shown below.

Previously used Labels or existing Labels will show up below the section, and you can just click them to add them to the blog post in Blogger as shown below.

When you publish the blog post, the labels will be listed with it. Click…