Pourquoi l'iPhone a besoin d'une icône d'accueil distincte
L'icône d'un site ajouté à l'écran d'accueil n'est pas simplement son petit ICO agrandi. Préparez une ressource dédiée.
Exporter un PNG
Partez de l'original et créez un PNG carré ; 180×180 est un point de départ courant sur iPhone. Vérifiez les appareils visés dans la documentation Apple et soignez fond et marges.
Déclarer l'icône tactile
rel="apple-touch-icon" doit pointer vers le PNG public. Adaptez l'exemple ci-dessous et examinez le HTML du CMS pour repérer doublons ou chemins erronés.
Ajouter un nouveau raccourci
Supprimez l'ancien raccourci de test puis ajoutez le site sur un appareil réel. Comparez le résultat au PNG. IcoJet produit des ICO ; le PNG tactile se prépare séparément dans l'éditeur.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">Sources et lectures complémentaires
Apple — Web Clip icons ↗MDN — link ↗