Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>This is the cross-browser way of adding favicons:</p> <pre><code>&lt;link rel="icon" href="/favicon.ico" /&gt; &lt;link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" /&gt; </code></pre> <p>the icon file itself would preferably be 16x16 pixels and in gif format (IE6 wont use transparent png) and under 500 bytes. Though most modern browsers now accept practically anything, though of course it will be your bandwidth and their waiting. </p> <p>i googled for a page stating this. <a href="http://209.85.229.132/search?q=cache:5vI2_Yo0x0UJ:www.experts-exchange.com/Web_Development/Miscellaneous/Q_22153284.html+crossbrowser+favicon&amp;cd=2&amp;hl=en&amp;ct=clnk" rel="nofollow noreferrer">link</a></p> <p>as cletus mentions, the Bookmark link is not for favicon and the code you provided is actually wrong.</p> <p><strong>EDIT:</strong> the favicon link does not influence your bookmarking itself, yet it helps the browser store a little icon on the tabs or your browser's bookmarks' menu. StackOverflow uses <a href="http://sstatic.net/so/favicon.ico" rel="nofollow noreferrer">this</a> icon. </p> <p><strong>But Is It necessary?</strong> If your icon is located at <code>/favicon.ico</code>, no it is not absolutely critical at all. Most browsers check that path by default, but if you like me put your favicon in a directory like <code>/images/favicon.ico</code> you would need to tell the browser to get it from there or your server will build up alot of 404-Not Found errors in its log. Which will slow things down (a bit). Also you might want to have different icons for different directories etc. </p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload