Comment tester un ensemble d'icônes tactiles, de favicons et de tuiles de navigateur pour un site Web?
Divers navigateurs et appareils ont leurs propres spécifications et normes pour les types d'icônes de type favicon qu'ils utilisent pour représenter les pages Web. Cette réponse sur le site de graphisme donne un bon aperç .
Supposons que vous ayez pris la peine de fournir un bon nombre de ces fichiers d'icônes avec les déclarations appropriées dans votre code HTML - mais vous n'avez pas tous les périphériques que Apple a produits plus un périphérique Windows 8 plus différentes versions de Android à portée de main pour toutes les tester.
Existe-t-il un moyen simple de tester votre configuration et de voir quels fichiers (le cas échéant) auront différents appareils et navigateurs, sans avoir à portée de main tous les appareils nécessaires?
Modifier Pour être clair, je veux dire les icônes que les navigateurs aspirent et utilisent pour représenter une page Web dans des fonctions de navigateur telles que "les plus visités", "favoris" ou lors de la création de raccourcis d'écran d'accueil déclarés dans <head> d'une page Web mais non affichés nulle part dans la page Web <body>.
J'ai toujours utilisé le générateur de favicon sur realfavicongenerator.net , ce qui vous permet de voir comment votre illustration choisie apparaîtra sur différents appareils. Il existe de nombreuses options et vous pouvez essayer avec leur exemple d'icône à tester. Commencez avec un SVG carré pour obtenir les meilleurs résultats, car le site le convertira aux formats nécessaires et vous fournira un dossier compressé contenant tout ce que vous voulez.
C'est aussi un service gratuit, sans inscription ni autre non-sens requis. Utilisez-le et faites un don si vous le trouvez utile.
Je suggérerais d'essayer l'émulation de périphérique dans Google Chrome. C'est la façon la plus simple que j'ai vue et cela devrait fonctionner. Voici un article complet à ce sujet, https://developer.chrome.com/devtools/docs/device-mode