Instead of referencing the touch icon (be it the precomposed non-glossy version or the normal one) in the HTML, you should always name the images `apple-touch-icon-precomposed.png` and `apple-touch-icon.png` respectively, and place them in the root of the domain. That way, Mobile Safari will automatically detect it.
I’m not gonna respond to the use of browser sniffing / redirection to a separate mobile site because I see other people have already made my point on that matter.
Mathias Bynens
Instead of referencing the touch icon (be it the precomposed non-glossy version or the normal one) in the HTML, you should always name the images `apple-touch-icon-precomposed.png` and `apple-touch-icon.png` respectively, and place them in the root of the domain. That way, Mobile Safari will automatically detect it.
I’m not gonna respond to the use of browser sniffing / redirection to a separate mobile site because I see other people have already made my point on that matter.