title: How to display Retina (32x32) favicons in Google Chrome?
body: <p>Using Chrome on my Retina MacBook Pro, I can't get the higher resolution (32x32) favicon on my blog to load first. When I first open the page (<a href="http://insofar.org" rel="noreferrer">http://insofar.org</a>), the 16x16 version is displayed and it is only on reload that the 32x32 shows up. As an alternative example, when loading <a href="http://daringfireball.net" rel="noreferrer">Daring Fireball</a>, its 32x32 favicon is loaded first. And yes, I cleared my cache. </p>
  
  <p>In both cases, we're using the following tag in the head section: </p>
  
  <pre><code>&lt;link rel="shortcut icon" href="/path/to/favicon.ico"&gt;
  </code></pre>
  
  <p>where favicon.ico contains both the 32x32 and 16x16 versions. </p>
  
  <p>How can I force the 32x32 on Retina displays? </p>
  
  <p>EDIT: I found that the issue is fixed in the latest Google Chrome Canary (v24.0.1300.0). </p>