currently i am experimenting with 2 favicons and including them in 3 different ways in my markup, however i am not sure which one gets loaded in the browser. firebug's network tab doesn't tell me which one it downloaded.
<link rel="icon" type="image/png" href="favicon.png"> <link rel="shortcut icon" href="favicon.ico"> <link rel="apple-touch-icon" href="favicon.png">
where favicon.png is 144x144px and favicon.ico is 16x16px.
idealy i want all browsers to use the png instead of ico whenever they support it, and just fallback to ico for ie. i am not sure how to verify if the code is already doing this or not.