by Freddy Torres
8. septiembre 2010 05:25
Ya todos (o casi todos) conocemos la potencia de estos aparaticos, que llegaron para alegrarnos la vida y aumentar
las cuentas bancarias de apple. Son como un vicio que algunos (me incluyo en esta lista) no podemos dejar de tener.
Ahora bien, para aquellos que como yo, visitan constantemente algunas páginas de internet, utilizando el poderoso explorador incluido en estos aparaticos, habran notado que hay una manera de agregar un shortcut a la página deseada, directamente en el homescreen del dispositivo, como un acceso directo. Mas rápido imposible. Simplemente, estando en la página deseada, presionan el boton "+" localizado en la parte inferior del explorador (para lpods e Iphones) o en la barra superior para el IPad. Este boton despliega un menú con 4 opciones normalmente, de las cuales nos interesa la que dice "Add to homescreen", (obviamente para dispositivos configurados para el lenguaje Ingles).
Ahora bien, cuando finaliza este proceso, se agrega a nuestro menu principal un ícono personalizado para la página, como los de estos dispositivos, que no es mas que un acceso directo a la página que queremos (Suponiendo que hicimos todo este proceso con la pagina de apple mesma, www.apple.com).
Notaran el ícono personalizado de esta página para dispositivos de este tipo. Sin embargo notaran que a su lado se encuentra un acceso a la página de Noticias24 (www.noticias24.com), mas su ícono no parece tan atractivo a la vista. Esto es porque simplemente la página no tiene un ícono personalizado para estos dispositivos, en vez de eso, el dispositivo toma un pequeño screenshot de la página y lo coloca en forma de ícono.
¿COMO HAGO PARA QUE MI PAGINA TENGA SU ICONO PERSONALIZADO PARA I<coloque aqui su dispoitivo> de apple?
Es muy sencillo. Lo unico que se necesita es una pequeña imagen que debe cumplir los siguientes requeriminetos:
- Las dimensiones deben ser de 53px de alto y 53px de ancho
- El formato debe ser .PNG
- El nombre de la imagen debe ser: apple-touch-icon
- Se almacena en la carpeta raiz de la aplicación web, en caso de no querer hacer referencia explicita de la misma.
- Si se desea tener las imagenes mas ordenadas y eso, colocan la imagen la carpeta deseada, y hacen referencia a la misma en el header de la pagina de la siguiente forma: <link rel="apple-touch-icon" href="/Graphics/iphone-icon.png" />
Un ejemplo de esa imagen:
Y eso es todo. Asi lograran impresionar a los usuarios de estos aparatos, y su página web siempre estara a la vanguardia tecnológica.
Subscribir