The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Windows 8 Metro Internet Explorer Kills My Favicon

  • # October 14, 2012 at 1:57 pm

    Hi there,

    If anyone has Internet Exporer 10 running metro interface on Windows 8 did you notice that the favicon is now bigger. Take a look at website’s such as Google or on Internet Explorer 10 Metro and you will see a nice bigger favicon.

    However when I take a look at my website then my favicon just get’s shrinked. Where as shows a different favicon and Google has a bigger icon.

    # October 14, 2012 at 2:02 pm

    What size is your favicon?

    I believe that IE10/W8 uses 32x32px

    # October 14, 2012 at 5:01 pm

    But my question is check out on internet explorer 10 on desktop mode you will see that it contains a gray favicon then view it on internet explorer 10 metro mode and you will see that it contains a colored favicon. There has to be an extra snippet piece of code that enables this new functionality

    # December 10, 2012 at 9:22 pm

    This document tells you how to make an .ico file that has all the different sizes: It is for IE9, but I believe it is similar for IE10. The IE10 documents link to that page.

    # December 10, 2012 at 9:24 pm

    There is also this page for how to set the tile image for Windows 8

    # December 11, 2012 at 6:50 am

    Have you tried other browser

    # December 11, 2012 at 6:52 am

    Your Favicon size is 16×17 try to convert to 32×32 px

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed