Je lisais la page Favicon sur Wikipedia. Ils mentionnent les spécifications HTML 5 pour Favicon:
La spécification HTML5 actuelle recommande de spécifier des icônes de taille dans plusieurs tailles à l'aide des attributs rel = "icon" values = "liste de dimensions d'icônes séparées par des espaces" dans une balise. [ source ] Plusieurs formats d'icônes, y compris des formats de conteneur tels que les fichiers Microsoft .ico et Macintosh .icns, ainsi que des graphiques vectoriels évolutifs peuvent être fournis en incluant le type de contenu de l'icône sous la forme de type = " file content-type "dans la balise.
En regardant l'article cité (W3), ils montrent cet exemple:
<link rel=icon href=favicon.png sizes="16x16" type="image/png">
<link rel=icon href=windows.ico sizes="32x32 48x48" type="image/vnd.Microsoft.icon">
<link rel=icon href=mac.icns sizes="128x128 512x512 8192x8192 32768x32768">
<link rel=icon href=iphone.png sizes="57x57" type="image/png">
<link rel=icon href=gnome.svg sizes="any" type="image/svg+xml">
Ma question est la suivante: les navigateurs prennent-ils en charge la méthode HTML 5?
Remarque: je sais que Apple utilise leur méthode de balise méta Apple-touch-icon
par rapport à la méthode HTML5.
L'article de Wikipedia dit:
Toutefois, le navigateur Web de Google Chrome sélectionnera la taille la plus proche de celle fournie dans les en-têtes HTML afin de créer des icônes d'application de 128 × 128 pixels lorsque l'utilisateur choisira les raccourcis Créer une application ... dans "Outils". m e n u.
Comment Internet Explorer (v9 à v11) et Firefox gèrent-ils cela? Et l'article est-il correct dans la façon dont Chrome gère les favicons HTML? (Il n'y a pas de source citée pour Chrome confirmant cela.)
En cherchant, je n’ai pas pu trouver d’informations (crédibles) sur HTML 5 Favicon autres que l’article Wikipedia.
Non, tous les navigateurs ne prennent pas en charge l'attribut sizes
:
Notez que certaines plates-formes définissent des tailles spécifiques:
manifest.json
si elles sont présentes. De plus, Chrome utilise l'icône Apple Touch pour les favoris .