title: Favicon of website is blurred in Slack, what icon size does Slack target?
body: <p>Issue is with the favicon icon being shown in the image below. It's a screen capture of my Slack channel, and you can see there are two websites (production vs alpha). </p>
  
  <p><a href="https://i.stack.imgur.com/9M7YY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9M7YY.png" alt="Slack Channel Message"></a></p>
  
  <p>You can see the favicon on alpha is blurred. I'm not sure where to look to find this discrepancy between the two sites because the code for both is the same (for the favicons):</p>
  
  <pre><code>  &lt;link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"&gt;
    &lt;link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"&gt;
    &lt;link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"&gt;
    &lt;link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"&gt;
    &lt;link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"&gt;
    &lt;link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"&gt;
    &lt;link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"&gt;
    &lt;link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"&gt;
    &lt;link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"&gt;
    &lt;link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png"&gt;
    &lt;link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"&gt;
    &lt;link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"&gt;
    &lt;link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"&gt;
  </code></pre>
  
  <p>The favicon is fine when opened in browsers/phone. Which favicon icon is being pulled for Slack?</p>