Favicon is blurred
<p>I want to add favicon to asp.net project.
The icon on the <strong>taskbar</strong> is displayed blurred - no matter what I do.
I work with chrome v35.<br>
<strong>Note</strong> that the favicon is in popup window that is opened from the menu.
This is the code:</p>

<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" dir="rtl"&gt;
&lt;head runat="server"&gt;
&lt;meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' /&gt;
    &lt;title&gt;XXX&lt;/title&gt;   

    &lt;!-- option 1 --&gt;
    &lt;link rel="shortcut icon" href="~/App_Themes/.../favicon.ico" type="image/x-icon" /&gt;

    &lt;!-- option 2 --&gt;
    &lt;link rel="icon" type="image/png" href="~/App_Themes/.../favicon-16x16.png" sizes="16x16"&gt;
    &lt;link rel="icon" type="image/png" href="~/App_Themes/.../favicon-32x32.png" sizes="32x32"&gt;
    &lt;link rel="icon" type="image/png" href="~/App_Themes/.../favicon-48x48.png" sizes="48x48"&gt;
&lt;/head&gt;
</code></pre>

<p>What can be the problem?
Thanks,
Yael</p>