iOS Information


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.


Screen Shot 2013-10-03 at 18.52.49

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.

One Response to “apple-touch-icon-precomposed”

  1. bricomac says:

    Merci, c’est ce que je cherchais justement !

Leave a Reply

You must be logged in to post a comment.