¿Cómo poner un icono en tu web para ser visto desde el iPhone?

Obtenido de la web oficial de Apple para desarrolladores de software par el iPhone, el procedimiento para colocar un pequeño icono en tu web de manera que sea visualizado como favicon en los iPhones es el siguiente:

  • Opción 1: colocar un fichero png llamado apple-touch-icon.png en el directorio root de tu servidor web (este fichero tendrá la misma función que el típico fichero favicon.ico)
  • Opción 2: colocar un fichero png con el nombre que quieras y luego añadir un metatag en la cabecera del fichero HTML como el siguiente: <link rel=”apple-touch-icon” href=”/rutahaciatufichero.png”/>

Como veis, el procedimiento es el mismo que con los ficheros favicon solo que la extensión debe ser png y el nombre del fichero es diferente. Eso si, para que funcione correctamente el tamaño del fichero debe de ser de 57×57 pixeles. En caso contrario, el fichero será redimensionado automáticamente, lo que puede producir que se deforme considerablemente.


Escribe un comentario