Por qué el iPhone necesita otro icono de inicio
El icono de una web guardada en la pantalla de inicio no es simplemente un ICO ampliado. Prepara un recurso específico.
Exporta un PNG
Parte del original y crea un PNG cuadrado; 180×180 es un punto de partida habitual para iPhone. Consulta los dispositivos objetivo en Apple y cuida fondo y márgenes.
Declara el icono táctil
rel="apple-touch-icon" debe apuntar al PNG público. Adapta el ejemplo y revisa el HTML final del CMS para detectar duplicados o rutas incorrectas.
Añade un acceso nuevo
Elimina el acceso de prueba anterior y vuelve a añadirlo en un dispositivo real. Compara el resultado con el PNG. IcoJet produce ICO; crea el PNG táctil aparte.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">Fuentes y lecturas
Apple — Web Clip icons ↗MDN — link ↗