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:

pantalla-1
pantalla-2
pantalla-3

Uso de Cookies

Utilizamos cookies propias y de terceros para mejorar nuestros servicios y hacer una análisis del comportamiento en esta página. Si continua navegando por la web acepta expresamente el uso e instalación de las mismas. Más información acerca de nuestra política de cookies.