Depuis quelques années, les favicons qui avaient perdu une grande partie de leur pertinence ont ressuscité puisque de plus en plus de navigateurs les supportent désormais, et en font en fait une partie très visuelle de l'expérience de leur utilisateur. Les navigateurs des tablettes et des smartphones utilisent également ces icônes. Cela a conduit à une importance accrue de avoir un bon favicon. Cependant, la présentation de ces icônes varie selon le client naviguant sur le site. Les ordinateurs de bureau nécessitent une certaine icône, Apple les appareils nécessitent quelque chose de différent, des tailles différentes compliquent également les choses.
Une solution simple - Générateur d'icônes en ligne gratuit pour Apple et icônes favicon
Iconifier.net est une solution simple qui, étant donné un carré JPG, GIF ou PNG, générera un jeu d'icônes de différentes tailles afin que vous puissiez utiliser et choisir celles que vous souhaitez prendre en charge sur votre site Web. Il vous suffit alors de télécharger les icônes générées et de les intégrer dans le code de votre site Web. Vous pouvez intégrer ces étapes dans votre processus de conception Web.
Incorporez les icônes de favicons dans votre site Web
Après avoir créé l'icône favicon.ico en utilisant Iconifier.net ci-dessus, et l'avoir placée à la racine de votre site Web, ajoutez le code suivant entre les et de votre site web
Le Apple Icônes
Après avoir créé les différentes icônes à l'aide du site ci-dessus, vous devrez également inclure un code légèrement différent pour Apple Appareils iPhone/iPad (et éventuellement Android). Téléchargez à nouveau les fichiers d'icônes générés à la racine de votre site Web et placez le code suivant entre les balises HEAD.
Les appareils iOS gèrent automatiquement cela dans leur navigateur, redimensionnent et ajoutent des effets en conséquence pour qu'il corresponde au style de l'appareil sur lequel ils sont vus.
Incidemment, les grands développeurs iOS et Android ne sont pas faciles à embaucher - si vous cherchez à embaucher un bon développeur d'applications et savoir comment trouver un bon candidat nous avons ce qu'il vous faut CollectiveRay. - nous vous montrerons tous les bons endroits pour trouver de bons candidats.
Rouge Plus : Comment réinitialiser Apple ID et mot de passe si vous l'avez oublié
Icônes pour les appareils Android
Android s'appuie sur le Apple Les icônes tactiles, mais attendez-vous à ce que les icônes soient déjà dans leur version finale. Cette version finale est « PRÉCOMPOSÉE », et les appareils Android s'attendent à ce que cette balise soit en place. Téléchargez donc de nouvelles versions, avec des noms légèrement différents (par exemple en ajoutant pré-composé dans le nom), puis ajoutez le balisage suivant. La partie la plus importante est le rel=apple-touch-icon-precomposed. Placez les fichiers à la racine de votre site Web et ajoutez ce code entre les et balises de votre html
Plus de détails sur Favicons peuvent être trouvés sur Wikepedia: https://en.wikipedia.org/wiki/Favicon
Veuillez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!
Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.