Le Icône Apple touch , également connu sous le nom de fichier apple-touch-icon.webp, est utilisé comme icône de page Web sur l'iPhone, l'iPod Touch et l'iPad d'Apple, un peu comme le Favicon. Ce symbole est utilisé chaque fois qu'un utilisateur marque ou ajoute un site Web à son écran d'accueil. Ces produits Apple renvoient à un instantané du site Web, qui n'est souvent qu'un carré blanc si ce fichier ne peut pas être localisé.
À moins que l'emplacement ne soit fourni dans le HTML, ce fichier doit être un fichier .webp avec des dimensions de 57 x 57 et se trouver dans le répertoire personnel. Une illustration de l'apparence de cette balise dans votre code HTML est présentée ci-dessous.
|_+_|Comment créer l'icône Apple Touch d'un site Web réactif ?
Une icône Apple Touch est utilisée lorsqu'un utilisateur enregistre votre site web sur l'écran d'accueil de leur appareil à écran tactile iOS ou ajoutez-le à vos favoris. Apple utilisera une capture d'écran de votre site Web comme icône si vous n'en spécifiez pas, ce qui entraîne souvent un carré méconnaissable. Nous vous montrerons comment développer une icône Apple Touch unique pour votre site Web convivial afin de ne pas forcer vos clients à voir une icône Apple de qualité inférieure.
Créer une icône Apple Touch
chaîne concaténer java
Votre icône Apple Touch doit être créée dans Photoshop ou un autre éditeur d'images au stade initial. Le fichier doit être enregistré sous le nom « apple-touch-icon.webp » et doit mesurer 180 x 180 pixels.
Ajoutez le fichier d'icône Apple Touch de votre site Web.
L'étape suivante consiste à télécharger votre document Apple Touch Icon sur votre site Web. Vous pouvez le placer où vous le souhaitez, cependant, nous vous conseillons de le stocker dans votre dossier d'images principal. Étant donné que nous l'utiliserons dans la phase suivante, gardez une trace de l'endroit où vous avez stocké votre fichier.
tableau.sort en java
En utilisant un élément de lien, définissez votre icône Apple Touch.
La dernière étape consiste à identifier et nommer votre dernière icône Apple Touch dans un élément de lien que vous ajoutez à l'élément HEAD de votre page.