Je voudrais accéder à certains fichiers de résolution dans un .ico multirésolution de javascript (ou html, d'ailleurs)

Question

J'ai créé une belle favicon.ico multiresolution contenant 16x16, 32x32, & 48x48 icônes de résolution. Ceux-ci chargent tout joli dans les navigateurs ou lorsque le site est enregistré sur le bureau.

Toutefois, la même image est également utilisée sur le site Web (en particulier, sous la forme d'une icône dans une barre d'outils). Actuellement, l'icône 16x16 est également enregistrée en tant que png afin de l'afficher dans la page Web elle-même.

Cela me semble être une redondance inutile. Je voudrais afficher le favicon.ico lui-même sur la page et supprimer le png. Toutefois, en sélectionnant simplement le fichier ico, le fichier de plus grande résolution contenu dans le conteneur .ico est affiché (testé uniquement dans Ghrome pour Mac). Puis-je sélectionner une icône individuelle dans le conteneur .ico? Ce serait génial si cela avait une syntaxe de type <img src="favicon.ico:16"/>.

Si cela n'est pas supporté par la majorité des navigateurs, peut-être serait-il possible d'analyser le fichier .ico avec javascript et de sélectionner le bon morceau de données à afficher? Je n'ai pas vraiment envie de faire ça, mais j'aimerais savoir si c'est possible.

Merci.

Answer 1

Je ne pense pas qu'il existe une façon de le faire en javascript, votre meilleur pari peut être de l'ouvrir en php ou d'un autre lang côté serveur, alors vous pouvez encoder en base 64 et inclure le texte encodé dans l'étiquette img. Mais je pense que c'est un peu exagéré et seulement très utile si l'image est susceptible de changer beaucoup. Ensuite, vous devez tenir compte du coût de traitement par page, bien que vous puissiez trouver une solution de mise en cache. Donc, je voudrais juste rester avec le png en ce moment - c'est un petit, mais acceptable niveau de redondance.

M