But somehow different browsers support it differently. Here are the codes I use for maximum compatibility:
<head>
<link rel="icon" href="/favicon48.ico" type="image/ico"> <!-- for Mozilla based browsers -->
<meta name="msapplication-task" content="name=YOUR_ICON_NAME;action-uri=./favicon32.ico"> <!-- for IE9 -->
<link rel="SHORTCUT ICON" href="./favicon32.ico" type="image/x-icon"> <!-- for IE8 -->
</head>
Besides you also need to place a 16x16 small icon named favicon.ico in the root path of your server to be compatible with IE5/6.
Size? I would say make each of those sizes: 16x16, 24x24, 32x32, 48x48, ... just in case future IEs can use them.
What software to make them? I use Photoshop with plugin to export .ico file.
No comments:
Post a Comment