El Icona tàctil d'Apple , també conegut com a fitxer apple-touch-icon.webp, s'utilitza com a icona de pàgina web a l'iPhone, l'iPod Touch i l'iPad d'Apple, com el Favicon. Aquest símbol s'utilitza sempre que un usuari marca o afegeix un lloc web a la seva pantalla d'inici. Aquests productes d'Apple es redueixen a una instantània del lloc web, que sovint és poc més que un quadrat blanc si no es pot localitzar aquest fitxer.
A menys que la ubicació es proporcioni a l'HTML , aquest fitxer hauria de ser a.webp amb dimensions de 57 per 57 i estar situat al directori inicial. A continuació es mostra una il·lustració de com es pot veure aquesta etiqueta al vostre HTML.
|_+_|Com crear la icona Apple Touch d'un lloc web responsiu?
Una icona Apple Touch s'utilitza quan un consumidor guarda el vostre lloc web a la pantalla d'inici del seu dispositiu amb pantalla tàctil iOS o marcar-lo com a adreces d'interès. Apple utilitzarà una captura de pantalla del vostre lloc web com a icona si no n'especifiqueu cap, cosa que sovint resulta en un quadrat irreconeixible. Us mostrarem com desenvolupar una icona Apple Touch única per al vostre lloc web fàcil d'utilitzar, de manera que no obligueu els vostres clients a veure una icona d'Apple inferior.
Feu una icona Apple Touch
La vostra icona Apple Touch s'ha de fer amb Photoshop o un altre editor d'imatges en l'etapa inicial. El fitxer s'ha de desar com a 'apple-touch-icon.webp' i ha de tenir una mida de 180 per 180 píxels.
Afegiu el fitxer d'icona Apple Touch del vostre lloc web.
El següent pas és carregar el document d'Apple Touch Icon al vostre lloc web. Podeu posar-lo a qualsevol lloc que vulgueu, però us recomanem que l'emmagatzemeu a la carpeta d'imatges principal. A causa del fet que l'utilitzarem en la següent fase, feu un seguiment d'on heu emmagatzemat el vostre fitxer.
Si utilitzeu un element d'enllaç, definiu la vostra icona Apple Touch.
L'últim pas és identificar i anomenar la vostra darrera icona Apple Touch en un element d'enllaç que afegiu a l'element HEAD de la vostra pàgina.