Coloca un icono de tu pagina en el SpringBoard

Muchos de ustedes se preguntarán como añadimos un ícono para el iDevice a nuestra página. Aquí te explicaremos como realizarlo en tu propia página, de modo que el iDevice no ponga una simple microcaptura.

Para que Safari del iPhone/iPod Touch o iPad te detecte una imagen para ponerla en el springboard, debes colocar ésta en la raíz del sitio con los siguientes nombres:

  • apple-touch-icon.png (A este Safari le agrega los efectos especiales, como el brillo superior)
  • apple-touch-icon-precomposed.png (esta imagen es mostrada tal cual por el iDevice)

El tamaño recomendado es 114×114 (retina display) y Safari lo redimensionará automáticamente para el resto de las pantallas. Safari siempre redondea las esquinas.

Si no quieres que tu imagen este en la raíz de tu página, puedes indicar una ruta especial, agregando una linea al código <head>…</head> de tu HTML. Este es:

  • <link rel=”apple-touch-icon” href=”/custom_icon.png”/>
    • Donde /custom_icon.png, pon la dirección de la imagen deseada.

Si quieres agregar la página al iDevice como que fuese una aplicación, debes meterte a esta y apretar el (+) en Safari. Luego elijes Agregar a pantalla de inicio, y le pones un nombre. Con esto ya tendrás el acceso directo, como que de una aplicación se tratase.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *