Crear icono para Ipod touch e Iphone


Hace un tiempo decidí actualizar el favicon de la Web ya que desde que cambiamos la plantilla, no lo veía muy acorde a los colores. Como habréis podido apreciar el icono de nuestra página ha pasado de ser azul a color tierra.

Ya que me puse, decidí crear un logo para el Ipod touch y el Iphone. Siguiendo los pasos de buildinternet.

Necesitamos un logotipo que tenga las siguientes características:

  • Medidas: 57 px X 57 px
  • Esquinas en ángulo recto (90º)
  • Sin transparencia
  • Sin brillo

Este es el OmeyasWeb que funciona perfectamente:

Una vez que tengamos nuestro icono podremos hacerlo funcionar de dos formar:

Directorio

Soltando el archivo .png en la raíz del directorio con el nombre apple-touch-icon.png o con apple-touch-icon-precomposed.png si queremos omitir el efecto brillo.

Enlace

La siguiente opción requiere que introduzcamos un poco de código en la Web.

Icono con brillo

<link rel=”apple-touch-icon” href=”/icons/buildinternet_iphone.png” />

Icono sin brillo

<link rel=”apple-touch-icon-precomposed” href=”/icons/buildinternet_iphone.png” />

Dejar un Comentario

Tu dirección de correo electrónico no será publicada.

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>