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

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…

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            …

How to Change Static Pages Order in Blogger

Hi Bloggers, welcome to Bloggershangout !!!

In this Blogger tutorial, we will look at how to change or swap the position of static pages order in blogger.

How to Change Static Pages Order in Blogger?
Step 1: Sign into your blogger account.

Step 2: Choose the blog from blogger dashboard for which you want to change static pages order.

Step 3: Go to Design > Page Elements and follow as shown in screenshots below.

and click edit link on gadget as shown in the screenshot.

Step 4: By clicking edit link blogger will open a configure page list as shown in the screenshot.


Step 5: You can see page order in above screenshot (Configure Page List).Change the static pages order by draging and dropping static page where you want it to be on the page order, and save it.

Step 6: Preview the blog.

That's it.

If you have any doubts about "How to change static pages order in blogger", comment below.