Lo que veremos
- ¿Qué es?
- ¿Para qué sirve?
- ¿Cómo se implementa?
¿Qué es?
El Touch Icon, también conocido como Apple Touch Icon o icono táctil, es una imagen personalizada que se muestra cuando un usuario guarda una página web como acceso directo en la pantalla de inicio de un dispositivo iOS (como iPhone o iPad). En lugar de mostrar una miniatura genérica del sitio, este icono le da a sitio web una apariencia más profesional y similar a una app.
¿Para qué sirve?
En un sitio web sirve para personalizar la imagen que se muestra al agregar un sitio web a la pantalla de inicio de dispositivos iOS (iPhone y iPad). Cuando un usuario agrega un sitio web como acceso directo, en lugar de una captura de pantalla genérica, aparecerá el icono táctil que hayas definido.
Carácteristicas:
- Identidad visual: Refuerza la marca o diseño de tu sitio.
- Experiencia de usuario: Hace que el acceso directo se vea como una app nativa.
- Compatibilidad: Aunque fue creado por Apple, muchos navegadores móviles también lo reconocen.
¿Cómo se implementa?
Crear icono:
- Formato: Normalment ese crear en formato PNG.
- Tamaños recomendados: 180x180 px (iPhone Retina), 152x152 px (iPad Retina), 120x120 px y 128x128 px (otras pantallas)
- No es necesario redondear esquinas: iOS y otros sitios reponsivos lo hace automáticamente.
 |
| Web Site encontrado desde Google |
Agregar el icono en el sitio web:
También se puede definir el tamaño según los tamaños diseñados como por ejemplo 180x180 y 152x152 pixeles:
Subir Archivos:
Finalmente es necesario subir los archivos al servidor donde se esta publicando el sitio web.
0 Comentarios