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            …

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…

Best Website screenshot or Thumbnail Generator Online

Hi Bloggers, Welcome to Bloggers Hangout!!!


Online Website Screenshot generator is an awesome free tool provided by Page2Images website that generates website screenshot or thumbnail online. Page2Image website is a treasure box of tools like Screenshot Generator, Batch URL to Image, Mobile Ok Checker, HTML to Image, Mobile Emulator, and Batch Mobile Checker.

It allows you to easily generate website screenshot or thumbnail, snapshot website by just providing URL of a website. It allows you to select a device and screenshot size.

Device and their screenshot size:
PC: XLarge(1024x640), Large(640x400), Middle(320x300) and Small(160x100)

Tablet: XLarge(768x1024), Large(640x400), Middle(400x320) and Small(340x200)

Mobile:  Large(320x480)and Small(160x240).

Screenshot Generator Advanced Settings:
It also lets you have the advanced settings like delay time, force refresh and full page length.


In advanced settings, you can adjust delay time from 2, 5, 10, 15, 20, 25 seconds as per website loa…