Saturday, August 3rd, 2013
Tried to figure out how to remove the gloss Apple add to the icons for webpages saved on the home screen for iOS-devices.
It turns out not even Apple themselves describe this in full in their Safari Web Content Guide.
One detail I had missed, apart from the fact that you need to name your png-file “apple-touch-icon-precomposed.png”, was that you actually need to include the precomposed declaration in the “link rel tag” as well. The complete header line should read:
<link rel=”apple-touch-icon-precomposed” href=”apple-touch-icon-precomposed.png”>
It turns out you can leave out the header information completely if you keep your image in the root folder of your site. Still you need to name it apple-touch-icon-precomposed.png.
A great article that describes this in full is found here.