Voici une astuce qui fonctionne très bien (elle nécessite cependant une certaine quantité de manipulation d'images simples). Vous trouverez également une note tout en bas de cette réponse afin de ne pas perdre complètement ce correctif et de ne pas avoir à le refaire). Il semble que le problème soit que les icônes fournies par les sites Web ont été conçues pour le marque-page. bar qui a des icônes plus petites, et non le safari. favoris qui présente des icônes plus grandes (au moins 144 x 144).
Les icônes elles-mêmes sont stockées dans ~/Library/Safari/Touch Icons Cache/Images/, avec des noms très longs (quelque chose comme "908F6BBF6DA814ABAF917C4E7BB9E36F.png"). Lorsqu'un nouveau favori est ajouté (disons le New York Times, dans le cas de la question initiale), et que l'icône s'affiche correctement dans l'écran des favoris, un fichier png de 144 x 144 apparaît dans le dossier Cache susmentionné, et tout va bien. Cependant, si, par exemple, Gmail est ajouté et qu'un grand G laid et non descriptif apparaît à la place de l'icône Gmail, cela signifie qu'un minuscule fichier png (conçu pour un marque-page) s'affiche dans le dossier Cache susmentionné, et que tout est bon. bar au lieu de l'écran favori) est apparu dans le dossier Cache. (alternativement, si pas même un minuscule png incorrect apparaît dans ce dossier, il suffit de préférer un autre site "leurre" qui fait faire apparaître un fichier png, effectuez les opérations suivantes, puis modifiez le Nom et l'URL du favori plus tard).
Donc pour corriger l'icône, il suffit de créer un autre png qui a la résolution correcte de 144 x 144 (voir la note ci-dessous), puis d'utiliser ce png créé pour remplacer le petit fichier "incorrect" dans le dossier Touch Icons Cache, en s'assurant de garder le nom de fichier long constant. Quittez Safari (Command-Q) et redémarrez, et l'icône apparaît parfaitement, comme suit :
![Fixed favorites screen]()
Notez que Gmail et Google Drive ont maintenant les bonnes icônes. J'ai dû faire la même chose pour The Economist, car ce site ne fournissait pas non plus de favicon 144 x 144.
Pour créer très simplement une icône de 144 x 144 à l'aide d'Aperçu, il suffit de télécharger une image haute résolution de l'icône (Gmail, Google Drive), ou autre, de l'ouvrir dans Aperçu, puis Outils->Ajuster la taille à 144 de largeur. Mettez maintenant cette image de côté et appelez-la "image A". Notez que la transparence cause parfois des problèmes pour les favicons de Safari (par exemple, si une région de l'image est incolore, la couleur réellement affichée dans ces régions peut être incohérente). Si cela se produit, nous pouvons créer un fond blanc. Pour ce faire, il suffit de faire command-shift-4 et de faire glisser une portion rectangulaire de n'importe quelle partie blanche de l'écran, puis de prendre la capture d'écran résultante et de la redimensionner en 144 x 144. Enfin, prenez l'"image A" de l'image précédente, copiez-la et collez-la sur cet espace blanc. Cette opération permet généralement de créer une très belle icône.
Remarque importante : si l'élément de menu " Développeur " (tout en haut de l'écran, près de " Signets " et " Fenêtre ") est activé dans les préférences de Safari, veillez à ne pas sélectionner " Effacer les caches ", sinon cela supprimera toutes les icônes que vous avez créées. De même, le simple fait d'effacer l'historique fait la même chose. Sinon, si vous voulez vraiment effacer l'historique ou vider le cache pour disposer de plus d'espace disque, sauvegardez les icônes personnalisées que vous avez créées avant d'effacer ; ainsi, vous pourrez les remettre en place par la suite sans avoir à les créer à nouveau.
Les caches peuvent également être effacés automatiquement de temps en temps, c'est donc une bonne pratique de créer des sauvegardes des icônes.
