Cómo crear tu propio icono web (web clip) para iPhone

Guardar una web en iPhone: como marcador o como acceso directo en pantalla de inicio (web clip). El icono por defecto muestra un fragmento de la página. Puedes definir tu propio icono personalizado (57×57 px en iOS antiguo, 120×120+ en Retina) para que parezca una app nativa.

Instrucciones

  1. En tu editor gráfico, crea una imagen de 120×120 píxeles (recomendado para Retina).
  2. Diseña el icono coherente con tu web.
  3. Guárdalo exactamente como apple-touch-icon.png (nombre obligatorio).
  4. Súbelo a la raíz de tu web: www.tuweb.com/apple-touch-icon.png (sin subcarpetas).
  5. Desde un iPhone/iPod, visita tu web y añádela a pantalla de inicio (Compartir > Añadir a inicio). Usará tu icono personalizado.