Why do people (h5bp, Mathias Bynens) say to use a <link rel="apple-touch-icon-precomposed">
element? Apple's documentation on this makes no mention of apple-touch-icon-precomposed
as a value for the rel
attribute.
Apple's docs say this about precomposed icons:
Safari on iOS 7 doesn’t add effects to icons. Older versions of Safari will not add effects for icon files named with the -precomposed.png suffix.
So it seems that we could reference the precomposed apple touch icon like this, right?:
<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">
This direct quote from the write-up on touch icons you linked to explains it:
In other words, it’s recommended for optimal display of your touch icons on older iOS versions. Feel free to not use it.