apple-touch-icon-precomposed explicado
apple-touch-icon-precomposed es un valor rel heredado que le decía a los primeros iOS que no aplicaran su "brillo" satinado a un icono de la pantalla de inicio. La imagen se usaba exactamente tal como estaba compuesta. Desde que iOS 7 eliminó ese efecto de brillo, la variante precomposed ya no cambia nada, y un simple apple-touch-icon es todo lo que necesitas.
Qué significaba "precomposed"
Hasta iOS 6, Safari añadía automáticamente un brillo satinado y esquinas redondeadas a cualquier icono de la pantalla de inicio. Declarar el icono como precomposed excluía el brillo, así que un diseño que ya tenía su propio acabado no recibía un segundo encima.
iOS 7 eliminó el brillo automático por completo, lo que dejó la distinción sin sentido. Ambos valores rel producen ahora el mismo icono de la pantalla de inicio, así que la variante precomposed todavía se respeta pero ya no tiene nada que hacer.
Las dos variantes
<!-- legacy: opted out of the old iOS gloss -->
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon.png" />
<!-- today: just use this -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />Preguntas frecuentes sobre el icono precomposed
¿Necesito apple-touch-icon-precomposed?
No. Desde iOS 7 no hay brillo del que excluirse, así que un simple apple-touch-icon se comporta de forma idéntica. Incluye solo ese.
¿Cuál es la diferencia entre apple-touch-icon y la versión precomposed?
Históricamente, precomposed omitía el brillo satinado automático de iOS. En el iOS actual ninguno añade brillo, así que ya no hay diferencia práctica.
¿Precomposed detiene las esquinas redondeadas?
No. iOS sigue enmascarando los iconos de la pantalla de inicio con su propio radio de esquina de todos modos. Precomposed solo afectaba al brillo superpuesto, que iOS ya no aplica.