Icono para iPad/iPhone de una web
Crear una imagen en formato PNG con los tamaños adaptados para Apple:
iPad: 144 x 144 px ó 72 x 72 px
iPhone: 57 x 57 px
No es necesario crear una imagen con las imágenes redondeadas, este efecto se crea automáticamente en estos dispositivos de Apple.
Método 1.-
En el directorio raíz, colocar el archivo apple-touch-icon.png
Método 2.-
En el archivo index insertar el siguiente código.
<head>
<link rel="apple-touch-icon" sizes="57x57" href="/touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/touch-icon-ipad.png" />
</head>
Cómo incorporarlo en el dispositivo iPad/iPhone
Seguir estos pasos desde el navegador Safari: