1999, Microsoft.
Le World Wide Web Consortium (wc3) lamp;rsquoa normalisé en quelques mois et, depuis lors, les développeurs de réseaux ont inséré des images Favicon dans le Répertoire racine de leur domaine Web. En plus des fichiers ICO traditionnels, la plupart des navigateurs traditionnels prennent en charge les formats damp;rsquoimages PNG et GIF de Favicon, ainsi que le support très irrégulier pour SVG. Examinons rapidement les deux formats les plus largement pris en charge. Format de fichier image ICO le format de fichier ICO reste le type damp;rsquoimage Favicon le plus largement supporté et il est recommandé damp;rsquoinclure la version ICO, même si utilisez PNG.
La raison en est simple. Premièrement, certains anciens navigateurs ne supportent pas les formats GIF et PNG. Deuxièmement, par défaut, lamp;emplacement de la recherche de Favicon par le navigateur change considérablement et, en cas damp;rsquoerreur de Favicon, une erreur de registre inutile 404 non trouvée peut être retournée. Il namp;rsquoexiste pas. Le format de fichier image ICO permet damp;rsquoafficher plusieurs images et résolutions dans un seul fichier. Vous pouvez le considérer comme un conteneur pour une série damp;rsquoimages. Cela signifie que pouvez enregistrer Favicon à différentes tailles, telles que 16 × 16, 32 × 32 et 48 × 48 (selon les recommandations de Microsoft), et le navigateur déterminera la taille appropriée à afficher.
Par exemple, une image 16 x 16 semble bien sur un onglet, mais pas très bien lorsquamp;rsquoelle est ajoutée à la barre des tâches ou au Bureau. Fichier image PNG le fichier Favicon peut également être sauvegardé dans le format de fichier image PNG. Actuellement, le support du Navigateur pour ce format est assez parfait grâce au PNG approuvé par le W3C. Lamp;rsquoun des principaux avantages de lamp;rsquoutilisation de PNG est que lamp;rsquoutilisation damp;rsquooutils de conception graphique standard comme Photoshop facilite généralement la création de PNG et offre également des options de transparence complexes. Le format de fichier image ICO prend également en charge le transfert
8 bits Alpha Channel Gap, mais trouver un bon outil de création peut être un travail ingrat.
Lequel devez utiliser? La réponse simple est les deux. Vous pouvez déclarer les préférences de Favicon en utilisant des balises , Cela signifie que pouvez spécifier PNG Favicon (ou Favicon) dans cette balise et garder Favicon. ICO peut être utilisé comme alternative dans la racine du site. Cela permet de satisfaire aux exigences de compatibilité Favicon pour la plupart des navigateurs sans erreur 404. Et la plateforme mobile? Aujourdamp;rsquohui, les smartphones et les tablettes sont responsables de la plus grande partie du trafic réseau, donc devez en tenir compte. Malheureusement, les plateformes mobiles sont encore plus dispersées que les navigateurs en termes de résolution, de taille damp;rsquoécran et de système damp;rsquoexploitation. Il namp;rsquoy a aucun moyen de les apprivoiser.
Lorsquamp;rsquoil samp;rsquoagit damp;rsquoajouter un support complet pour les plateformes mobiles, devez ajouter PNG, Apple touch icon, Windows 8 Panel Graphics, et plus encore pour écraser toutes les bases de Favicon. souhaitez en savoir plus, voici un excellent aperçu des options de Favicon mobile pour les conseils CSS. Le mémo Favicon couvre également toutes les options disponibles. Pour simplifier ce qui suit, dans nous nous limiterons à la création de Favicon. Temps de décollage estimé On y va. Comment créer un Favicon si avez besoin damp;rsquoun contrôle très précis, nous recommandons de créer un site Favicon en utilisant un éditeur damp;rsquoimages professionnel comme Adobe Photoshop ou gimp. Les étapes suivantes concernent la création de Favicon dans Adobe Photoshop CS6.
Configuration de la toile pour créer un Favicon, si ne lamp;rsquoavez pas encore fait, téléchargez un plug in Photoshop qui permet damp;rsquoenregistrer le fichier dans le format ICO image au format ICO correctement nommé. Dans Photoshop, cliquez sur Fichier
Créer et créer une nouvelle toile 512 x 512 pixels avec une résolution de 72 PPI. Créez votre chef damp;rsquoœuvre sur la toile. Lorsque le projet est prêt, cliquez sur Image amp;gt taille de lamp;rsquoimage. Sélectionnez la case à cocher restreindre le rapport damp;rsquoaspect et définissez la taille de lamp;rsquoimage à 16 x 16 pixels. Lamp;rsquoutilisation damp;rsquoun filtre de masque de contraste réduit le flou de la conception. Cliquez sur fichier amp;gt Enregistrer sous et enregistrer le projet sous forme de fichier ICO. Par exemple, voici le Favicon de mon site personnel:
Ceux damp;rsquoentre qui namp;rsquoont pas de pensée graphique (ne inquiétez pas, je suis lamp;rsquoun damp;rsquoentre ) peuvent également utiliser des outils en ligne pour aider à créer votre propre image de Favicon. Il suffit de vos images préférées sur lamp;rsquoun des sites suivants: Dynamic Drive – Favicon Generator. Cc Favicon Generator la plupart des outils en ligne ont un avantage supplémentaire, camp;rsquoest à dire quamp;rsquoils peuvent générer des fichiers ICO contenant des images de plusieurs tailles. Namp;rsquooubliez pas que le Favicon par défaut affiché sur lamp;rsquoonglet navigateur est 16 x 16 pixels. Ne compliquez pas trop votre design, sinon les détails sur votre Favicon ne seront pas très clairs. Vous remarquerez que le Favicon (wpmu Dev sinusic Favicon est un bon exemple) utilisé par la plupart des sites est relativement simple.
Une fois que avez Favicon, il est temps de l’ajouter à WordPress. Comment ajouter Favicon avez probablement vu mon mini tutoriel précédent sur wpmu Dev comment ajouter un Favicon à votre site WordPress. (publié en 2012 – le temps ne passe pas!) Voici une version légèrement mise à jour de la façon damp;rsquoajouter Favicon à votre site en quelques étapes simples. Techniquement, pouvez le faire à lamp;rsquoaide damp;rsquoun plug in, mais il est toujours bon de savoir comment le faire manuellement. Il empêche également de un autre plug in inutile sur votre site. Ajouter Favicon à WordPress 4
Oui. 3 les utilisateurs qui ont mis à jour vers WordPress 4.3 peuvent ajouter Favicon à leur site en sept étapes simples: se connecter à l’administrateur WordPress. Cliquez sur apparence amp;gt personnaliser. Cliquez sur lamp;rsquoID du site. Cliquez ci dessous pour afficher le fichier de sélection de lamp;rsquoicône du site. Après avoir sélectionné le fichier Favicon, cliquez sur le bouton sélectionner le fichier et . Votre Favicon apparaît sous le titre de lamp;rsquoicône du site dans la boîte de dialogue damp;rsquoidentification du site. Cliquez sur le bouton Enregistrer et publier. Le Favicon apparaît dans la section icônes du site et le Complétez. Prospérité WordPress permet également d’éditer vos œuvres avant de les publier en sélectionnant celles que souhaitez faire partie d’une image plus grande de Favicon. Ceci est utile si lamp;rsquoimage téléchargée est un rectangle au lieu damp;rsquoun carré. Comment ajouter Favicon dans WordPress 4.2 (et plus tôt) Les utilisateurs qui n’ont pas encore mis à jour vers WordPress 4.3 (pour quelque raison que ce soit, je ne jugerai pas -) peuvent ajouter Favicon en suivant les étapes ci dessous. Utilisez le client FTP de votre choix pour le Favicon que avez créé dans le Répertoire damp;rsquoaccueil du site. Collez le code suivant dans le fichier damp;rsquoen tête. Php du sujet que exécutez: https:gist.github.commidoriberlin111a3ce34672106eb620. Remarque: Vous devez changer l’url et l’extension de fichier (si n’utilisez pas de fichier PNG). Téléchargez une copie du fichier image Favicon dans le dossier principal du sujet courant. Assurez de le fichier image Favicon dans les répertoires damp;rsquoaccueil et de sujet du site. Il est facile damp;rsquoignorer la troisième étape et de se demander pourquoi Favicon namp;rsquoest pas venu. En ajoutant Favicon au Répertoire principal du site, pouvez également assurer que lamp;rsquoabonné le voit dans son lecteur de flux. Package Favicon est une fonctionnalité intéressante
Offrir de véritables avantages aux utilisateurs du site. Comme nous l’espérons ci dessus, ils sont aussi un ajout très simple au site WordPress, en particulier dans la dernière version. Résumons quelques uns de nos domaines: les navigateurs qui fournissent ICO et PNG à Favicon pour couvrir la portée standard. Pour en savoir plus, consultez le mémo Favicon, qui vise un plus large éventail damp;rsquoappareils mobiles et de cas damp;rsquoutilisation. Utilisez des outils en ligne comme Favicon. Cc peut produire efficacement de nombreuses tailles de Favicon. Utilisez la fonctionnalité d’icône du site WordPress sur 4.3 + pour éliminer les problèmes d’installation de Favicon ou de recours à des technologies plus traditionnelles. Avez installé et lancé Favicon? Avez du mal à le voir dans un environnement différent? Veuillez nous contacter dans vos commentaires et nous en informer. Tags: Favicon weekend WordPress Project
Comment ajouter Favicon à un site WordPress
