En el iPhone / iPad es muy sencillo seleccionar una página web cualquiera y agregarla a nuestra pantalla de aplicaciones como si fuera una aplicación más. Basta con seleccionar la opción «Añadir a pantalla de inicio» bajo el menú de opciones en Safari. Sin embargo, si tu web no tiene una ícono o logo especial para este tipo de dispositivos, lo que se mostrará como ícono de la aplicación es una pequeña captura de tu sitio.
Por esto, es preferible estar preparados y crear un logo especial de nuestro sitio para los fanáticos de nuestras webs que deseen agregarnos entre sus favoritos desde estos dispositivos.
Lo primero por hacer es crear un ícono especial de 114×114 px en formato PNG. Luego, simplemente levantémoslo vía FTP en la carpeta raíz de nuestra web con el nombre «apple-touch-icon-precomposed.png«. No se preocupen por las esquinas redondeadas, el software del iPhone/iPad las agrega automáticamente. Si lo han hecho bien, el ícono se mostrará como en la imagen que abre este post.