Crear un icono de clip web para iphones

Al igual que usted puede páginas web de marcadores en un navegador de escritorio, puede guardar un enlace a cualquier página web en un iPhone o iPad haciendo clic en el icono Exportar un círculo rojo en la figura superior y luego elegir Añadir a pantalla de inicio, como se muestra en la cifra inferior.

Un icono Web Clip parece a los iconos que vienen con aplicaciones nativas de iTunes. Cuando un visitante de su sitio web añade un icono Web Clip a su pantalla de inicio (el escritorio de su equipo), se crea un enlace a su sitio web, al igual que un marcador en un navegador web de escritorio.

Este icono Web Clip da a sus visitantes una gran acceso directo a su sitio web, y es una poderosa manera de mantenerlos pensando en ti. Desafortunadamente, muchos usuarios del iPhone y el iPad no se dan cuenta que es posible guardar un enlace a un sitio web de esta manera.

Así es como funciona: Cuando un usuario pulsa el botón central de la barra de botones en la parte inferior del iPhone o iPod touch, Safari ofrece varias opciones.

Cuando usted elige Añadir a pantalla de inicio, una imagen pequeña, llamada Icono Web Clip, se guarda en la pantalla de inicio del iPhone o iPad con un enlace a la página web. Este vínculo hace que ir a un sitio web haciendo clic en un icono tan fácil como el lanzamiento de una aplicación. Haga clic en un icono Web Clip, y el iPhone y el iPad de lanzamiento Safari y abrir la página en un navegador en una sola acción resbaladiza.

Como diseñador de páginas web, puede crear una imagen para servir como su icono Web Clip. Si no lo hace, el iPod touch, iPhone o iPad guarda una captura de pantalla de lo que se muestra en la pantalla y la usa como icono. Es una buena idea ir a un poco de esfuerzo extra y especificar la imagen que desea utilizar como icono en la pantalla principal.

En esta figura, se puede ver un icono Web Clip creado a partir de la imagen principal que se utiliza en este diseño. Esta imagen se recorta y simplificó para servir como un icono de mejor que una captura de pantalla de la página entera, que incluiría el texto y otras imágenes en un tamaño tan pequeño que serían imposibles de leer.

He aquí cómo se crea un icono Web Clip y especificar en el código de su página:

1. Utilice un programa de gráficos, como Photoshop, para crear la imagen que desea servir como su icono.

   La imagen debe medir 114 x 114 píxeles y se guardará en el formato PNG.

   Nota: Dispositivos de alta resolución muestran el icono en iPhones 114 x 114. mayores muestran que en el 57-X-57 píxeles, pantalla de iPads de 72 x 72 píxeles. Puede crear una de cada tamaño, o puede dejar que escalar el dispositivo hacia abajo la imagen de forma automática. También tenga en cuenta que puede utilizar una imagen JPEG, pero si usted quiere asegurarse de que el icono funciona en todos los dispositivos, guardarlo como una imagen PNG es la opción más segura.

2. Nombre de la imagen apple-touch-icon.jpg y subirlo al directorio raíz de tu sitio web.

3. (Opcional) Si desea guardar la imagen en un subdirectorio o si desea utilizar un icono Web Clip diferente para la página de inicio que se utiliza para las páginas internas de su sitio, usted puede agregar este código a la sección de cualquier página web para especificar el nombre y la ubicación de la imagen.