title: What is the best practice for creating a favicon on a web site?
body: <p><strong>Question</strong></p>
  
  <ul>
  <li>What is the best practice for creating a <strong>favicon</strong> on a web site?</li>
  <li>and is an <strong>.ico</strong> file with both 16x16 and 32x32 images better than a <strong>.png</strong> file with 16x16 only?</li>
  <li>Could the right method preferred today not be working in reasonably old browsers?</li>
  </ul>
  
  <p><strong>Method 1</strong></p>
  
  <p>Placing a file named <code>favicon.ico</code> in the main directory is one way. The browser always requests that file. You can see that in the apache log files.</p>
  
  <p><strong>Method 2</strong></p>
  
  <p>HTML tag in the <code>&lt;head&gt;</code> section:</p>
  
  <pre><code>&lt;link rel="shortcut icon" href="/images/favicon.png (or ico?)" type="image/x-icon" /&gt;
  </code></pre>