Pedro Moreno

Documentando mi visita al planeta tierra desde 1979

Poner un icono personalizado en tu página para los webclip del iPhone/iPod Touch

La nueva versión 1.1.3 permite añadir un acceso directo a una página web al escritorio (Springboard). A este acceso directo se le llama webclip, y por defecto el icono que usa, es una miniatura de la web.

Si quieres que aparezca un icono personalizado cuando el usuario haga el webclip, la forma más sencilla es esta:

  • Crear un .png de 57x57.
  • Llamarlo “apple-touch-icon.png”
  • Subirlo a la raiz de tu sitio (No la raiz del servidor, si no donde estén los documentos. En mi caso por ejemplo es ./www/ )
  • No te preocupes por el efecto de cristal y las esquinas redondeadas como las que tienen el resto de iconos, Safari lo hace automáticamente al hacer el webclip.