favicon, png, ico

*** ico may contain mutliple resolutions(multiple layers) of image.
*** IE 11 has to operate in compatibilty view mode to show favicon correctly !?

$ convert /?

$ convert srcImg.png -background transparent -colors 256 fav16.ico

$ convert srcImg64.png -bordercolor white -border 0
( -clone 0 -resize 16x16 )   ( -clone 0 -resize 32x32 )
( -clone 0 -resize 48x48 )  ( -clone 0 -resize 64x64 )
-delete 0  -alpha off -colors 256  fav4in1.ico

$ convert favicon-256.png -resize 16x16 favicon-16.png
$ convert favicon-256.png -resize 32x32 favicon-32.png
$ convert favicon-256.png -resize 64x64 favicon-64.png
$ convert favicon-256.png -resize 128x128 favicon-128.png
$ convert favicon-16.png favicon-32.png favicon-64.png favicon-128.png favicon-256.png -colors 256 favicon.ico

$ convert ico64.png -resize 16x16 -transparent white fav16.png
$ convert ico64.png -resize 32x32 -transparent white fav32.png
$ convert fav16.png -background transparent -colors 256 fav16.ico
$ convert fav16.png fav32.png -colors 256 5gen2in1.ico

[ref]
https://gist.github.com/pfig/1808188


//=== http://www.jonathantneal.com/blog/understand-the-favicon/
32×32 icon is used in the address bar on IE10 Metro ?

<!-- IE6-10 -->
<link rel="shortcut icon" href="path/to/favicon.ico">

<!-- Everybody else -->
<link rel="icon" href="path/to/favicon.ico">


PNG favicon files do not include multiple resolutions like ICO favicons
-->
<link rel="icon" href="favicon-16.png" sizes="16x16">
<link rel="icon" href="favicon-32.png" sizes="32x32">
<link rel="icon" href="favicon-48.png" sizes="48x48">
<link rel="icon" href="favicon-64.png" sizes="64x64">
<link rel="icon" href="favicon-128.png" sizes="128x128">