El Icono táctil de Apple , también conocido como archivo apple-touch-icon.webp, se utiliza como ícono de página web en el iPhone, iPod Touch y iPad de Apple, de manera muy similar al Favicon. Este símbolo se utiliza cada vez que un usuario marca o agrega un sitio web a su pantalla de inicio. Estos productos Apple recurren a una instantánea del sitio web, que suele ser poco más que un cuadrado blanco si no se puede localizar este archivo.
A menos que la ubicación se proporcione en HTML, este archivo debe ser un.webp con dimensiones de 57 por 57 y estar ubicado en el directorio de inicio. A continuación se muestra una ilustración de la apariencia de esta etiqueta en su HTML.
|_+_|¿Cómo crear el ícono táctil de Apple para un sitio web responsivo?
Se utiliza un ícono táctil de Apple cuando un consumidor guarda su sitio web a la pantalla de inicio de su dispositivo con pantalla táctil iOS o lo marca como favorito. Apple empleará una captura de pantalla de su sitio web como ícono si no especifica uno, lo que frecuentemente resulta en un cuadrado irreconocible. Le mostraremos cómo desarrollar un ícono táctil de Apple exclusivo para su sitio web fácil de usar para que no obligue a sus clientes a ver un ícono de Apple de calidad inferior.
Hacer un ícono de Apple Touch
Su ícono Apple Touch debe crearse en Photoshop u otro editor de imágenes en la etapa inicial. El archivo debe guardarse como 'apple-touch-icon.webp' y debe tener un tamaño de 180 por 180 píxeles.
Agregue el archivo del ícono Apple Touch de su sitio web.
El siguiente paso es cargar su documento Apple Touch Icon en su sitio web. Puede colocarlo donde desee; sin embargo, le recomendamos que lo guarde en su carpeta principal de imágenes. Debido a que lo usaremos en la siguiente fase, lleve un registro de dónde almacenó su archivo.
Al utilizar un elemento de enlace, defina su ícono táctil de Apple.
El último paso es identificar y nombrar su último ícono Apple Touch en un elemento de enlace que agrega al elemento HEAD de su página.