Aujourd'hui, nous aborderons un sujet très intéressant. Lorsque vous travaillez sur votre site, vous aurez tôt ou tard, vous aurez besoin de créer un Favicon. En langage simple, Favon est l'icône de votre site, qui est affichée sur l'onglet Navigateur. En outre, on peut le voir dans la zone d'accès rapide du navigateur si votre site a été ajouté aux "Favoris".
Les sites les plus populaires de Favon
Je pense que cela n'a aucun sens de dire que Favon doit être une bonne qualité, car il est d'une certaine manière le visage de votre site. Dans cet article, nous apprendrons à créer des avances à nos besoins de Favikon et de se familiariser avec le service de conversion. Lire la suite.
Vidéo artiste:
Qu'est-ce que favon devrait
Avant de commencer à créer le Favicon lui-même, ce serait bien de m'attarder sur ce qu'ils devraient être idéalement. Donc, le Favon parfait:
- Est clair et compréhensible
- Fait de bonne qualité
- Transmet la signification de votre site
- A un styliste commun avec votre site
- Se démarque sur le fond des icônes d'autres sites
Les paramètres ci-dessus peuvent être attribués à la Favon idéale. Et nous devons créer une telle icône pour notre site. Cependant, il y a des différends sur ce que cela devrait être représenté exactement sur la favorance. Je pense que cette question doit procéder à partir de la stylie globale et du sujet de votre site. Une certaine image ou texte peut être décrite dessus. En cas de placement sur le texte de Favonoe, il ne devrait pas comprendre plus de 2 lettres. Sinon, personne ne peut désassembler un tel texte, car les tailles du Favicon constituent principalement 16 * 16 pixels.
Quelles tailles il y a des icônes de site Web
Comme vous le savez, il existe maintenant une grande variété de navigateurs, de moniteurs et d'appareils. Et leurs exigences pour la taille de Favonov diffèrent. Il y a les tailles suivantes qui suivent:
- 16 * 16PX - Tailles de favon standard adaptées à la plupart des navigateurs et des appareils
- 32 * 32PX - utilisé dans certains cas Internet Explorer. et Safari.
- 57 * 57px - utilisé lors de l'affichage sur iPhone.
- 72 * 72px - utilisé lors de l'affichage sur iPad.
- 114 * 114PX - utilisé lors de l'affichage sur les écrans de rétine (57 * 2 \u003d 114)
- 144 * 144px - utilisé lors de l'affichage sur les affichages de la rétine iPad. (72*2=144)
Quel format faut-il favoriser
Auparavant, les navigateurs ont perçu les Favonos uniquement au format "ICO". Maintenant, ils ont appris à comprendre d'autres formats, y compris "Png". Dans notre cas, nous allons tuer 2 lièvres avec un coup. D'abord, nous allons créer Favon au format "Png"puis le convertir en "ICO".
Plusieurs façons de créer Favonov
Aujourd'hui, il y a deux façons principales de créer Favonov:
- À travers des services en ligne spéciaux
- Créer vous-même à travers des programmes spéciaux tels que Photoshop et Adobe Illustrator
Chaque méthode a ses propres caractéristiques. L'avantage de créer un Favon via des services en ligne est que vous n'avez pas besoin d'avoir des compétences particulières pour cela. Vous chargez simplement l'image souhaitée, vous finissez-la et téléchargez le Favon fini. Soit simplement travailler avec le texte et dessiner une icône de service de service en ligne. En général, le principal plus de cette méthode est la simplicité. Cependant, le côté inverse de la médaille réside dans le fait que la qualité de telles icônes pour les sites laisse beaucoup à désirer. Favon unique Vous ne recevez pas pour la simple raison que la galerie de services en ligne n'est pas sans limites. Et lorsque vous utilisez vos propres images, avec l'aide des outils de service, il n'est pas si facile de créer un produit de qualité. En cas de dessin d'une icône manuelle via les outils de service en ligne, "quelque chose d'inimaginable" est obtenu.
Par conséquent, nous choisissons la deuxième solution, plus compliquée mais réussie. Pour créer un Favon, nous utiliserons le programme Photoshop.. Si vous n'avez pas d'expérience avec ce programme, rien de terrible. Après mes instructions, vous pouvez facilement gérer la tâche.
Créer Favon
Comme je l'ai mentionné, Favon peut être créé à l'aide d'une image ou simplement des lettres. Dans notre cas, je vais utiliser une image. Par exemple, imaginons que nous avons un site web du thème de l'automobile. Par conséquent, nous devons trouver une image de la zone de la voiture. Je suggère de faire l'icône de notre site comme une roue.
Nous sélectionnons une image
Vous pouvez prendre des images de n'importe où. Par exemple, à travers le même photos Yandex. L'état principal doit être simple, sans ombres et volumes. Cela est dû au fait que, lorsqu'il diminue pour les tailles de 16 pixels, il n'aura pas beaucoup de détails. En raison de volumes et d'ombres inutiles, la photo peut être barbouillée.
Je trouve une image appropriée à l'aide d'une recherche. googlesur demande "roue". Il reste seulement de l'enregistrer en cliquant sur le bouton droit de la souris et en sélectionnant la fonction "Enregistrer l'image comme".
Image appropriée dans Google Images Ensuite, nous ouvrons cette image avec Photoshop.. Il est très important que Favon soit avec un fond transparent. Dans notre cas, ce n'est pas le cas. Pour retirer l'arrière-plan arrière, nous utilisons l'outil "baguette magique". L'essence de son travail est très simple. Avec cet outil, nous pouvons allouer des zones sur l'image de la même couleur. Étant donné que le fond de notre image contraste clairement avec la roue elle-même, il sera très facile de le faire. En cliquant une fois que nous soulignons une zone monochrome. En appuyant sur une clé de clavier Ctrl + Supprimer. Nous supprimons cette zone.
Retirez le fond de notre roue Nous le faisons avec toutes les parties du fond de l'image. Ainsi, dans notre image, la roue est sur un fond transparent, qui était nécessaire. Donc, la billette de l'icône de notre site est prête.
Créez un Favon dans 2 tailles différentes
Je suggère de faire 2 films avec des dimensions de 64px et 16px. Tout d'abord, nous devons créer une icône plus grande (64px). Pour ce faire, nous appuyons sur la combinaison de touches Ctrl + N.. Dans la fenêtre qui apparaît, nous choisissons la hauteur et la largeur de l'image en 64px.
Définir les dimensions du futur Favicon Ensuite, nous devons transférer notre roue dans la zone d'une image créée. Pour ce faire, nous retournons à la photo avec la roue et choisissez l'outil "Déplacer". L'étape suivante, nous cliquons sur l'image de la roue et avec le bouton gauche de la souris, nous le déplacons dans la zone de la nouvelle image. Assurez-vous que lors du déplacement, une couche avec une roue est isolée. Sinon, le transfert ne réussira pas.
Nous portons la roue à une nouvelle image Après avoir déplacé la roue sur une nouvelle image, nous voyons qu'ils ne conviennent pas de taille appropriée. Nous devons réduire la roue à 64 px tailles. Pour ce faire, nous serons la clé Changement.et en cliquant sur le point diagonal de l'image que nous le réduisons. Nous avons donc créé le premier faveur de notre site. Je vous rappelle qu'il est 64 * 64px. Maintenant, nous devons l'enregistrer en choisissant la fonction "Enregistrer pour web" dans l'onglet "Fichier". Nous avons choisi format Png-24 et dossier images. Favon lui-même appelle aussi, seulement des lettres latines - "Favicon".
Garder le favon Excellent. Maintenant, nous devons créer une favon de plus petite taille. Pour ce faire, nous cliquons sur l'onglet "Image" et sélectionnez la fonction "Taille de l'image". Ici, nous définissons la largeur et la hauteur en 16px. Maintenant, nous devons enregistrer cette image pour le Web. On peut appeler "Favicon-2".
Donc, ici nous avons créé 2 faviques pour notre site au format "Png". Nous avons créé une option avec une taille de 64px afin de le réduire facilement à des tailles en 16px. Si vous créez d'abord une option à partir de 16px, cela ne fonctionnera pas jusqu'à 64px sans perte de qualité. Par conséquent, gardez-le à l'esprit de ne pas faire double travail.
Installez Favon sur le site
Pour installer un Favicon sur le site à l'intérieur de la balise Nous prescrivons:
Au cas où nous avons Favon au format " ico " Ensuite, nous autôt png " Nous nous inscrivons " ico ". Par example:
Comme vous pouvez le constater, l'icône Site est affichée comme nous avons conçu.
Nous convertissons l'icône du site au format "ICO"
Les navigateurs modernes sans problèmes peuvent reconnaître et afficher Favonat au format "Png". Cependant, vous devrez peut-être le convertir en format "ICO". L'un des avantages de ce format est le stockage des correctifs de toutes tailles dans un fichier. Accepter que c'est très pratique. Donc, pour convertir nos badges, nous utiliserons le service de classe - Xiconeditor.com. Travailler avec lui est très simple. Tout arrive 4 étapes:
1. Pour commencer, nous devons télécharger notre Favon. Pour cela, nous cliquons sur le bouton "Importer".
Chargement de Favonson dans le service Xiconeditor.com 
3. Si vous le souhaitez, vous pouvez cliquer sur le bouton "APERÇU" Et voyez comment ils seront affichés. Pour télécharger notre Favonov au format "ICO" Nous cliquons sur le bouton "Exportation".
Donc, ici, nous avons appris à créer Favona dans "Png" et les convertir au format "ICO". Je n'ai spécifiquement pas envisagé de traiter détaillé de l'image dans Photoshop, comme pour beaucoup, il sera inutile. Si nécessaire, vous pouvez certainement améliorer la qualité de la Favon, travaillant avec des pixels dans Photoshop. J'ai essayé de donner tout ce dont vous avez besoin sous une forme simplifiée. Et j'ai tout sur là. J'espère que cette leçon vous a été utile. Si c'est vrai:
- Faire un repumet de cet article sur les réseaux sociaux afin que davantage de personnes en bénéficient;
- Abonnez-vous à ma newsletter afin de ne pas manquer de publications utiles et intéressantes sur le blog.
Je ne dis pas au revoir à toi. Merci de votre attention à la réunion dans les publications suivantes!
je veux aujourd'hui faites-vous vous connaître avec Favon Créer des services pour votre site. Favicon est une réduction des mots anglais Favori et icon. Ceci est une image de 16 tailles à 16 pixels, appelée Favicon et dispose d'une extension de l'ICO. Il est placé dans le dossier racine de votre site sur l'hébergement. Lorsque vous téléchargez le site, le navigateur recherche automatiquement ce fichier, puis l'ajoute à la chaîne d'adresse avant l'URL et les signets de la page, l'attribuant à votre site. Aucune icône d'utilisation pratique du site Web ne porte et ne sert que sa reconnaissance.
Maintenant, n'importe quel concepteur Web, qui pense au moins d'une manière ou d'une autre en quelque sorte sur l'unicité et l'originalité de sa ressource, est simplement obligé de faire une icône spéciale pour lui. Dans n'importe quel navigateur dans la barre d'adresse, le nom de votre site avec l'icône sera moderne et pertinent. Il sera également remarquable dans les signets et les favoris, ce qui lui permettra de se démarquer de la masse de tels sites. Vous pouvez choisir une icône en fonction du sujet de votre ressource et sans commencer à l'étudier, le visiteur comprendra immédiatement ce qu'il est. Il sera bon d'influencer la reconnaissance du site et la formation en tant que marque.
Par défaut, un site Web est affiché pour le site Web, qui est fourni pour cela dans le navigateur actuel. En outre, la plupart des versions des navigateurs modernes soutiennent des corrections personnelles de sites. Et dans le moteur de recherche Yandex, qui est maintenant dominé avec Google sur l'espace russophone, lors de la recherche dans la requête de recherche, les sites Web classés apparaissent avec son icône. Par conséquent, ne pas reporter plus tard, il est nécessaire de porter une attention particulière à sa création.
Il existe de nombreuses ressources sur Internet sur lesquelles des icônes prêtes à l'emploi sont stockées. Leur grand nombre, mais maintenant nous sommes intéressés à créer Favicon.
Besoin de créer Favicon pour le site? Considérez des services pour créer Favon Online
Le service le plus populaire pour créer une icône pour le site. C'est juste assez pour y travailler et même un utilisateur novice peut y faire face. Nous formons la photo que nous voulons voir comme icône de site. Il le traite. Nous examinons l'image résultante et si elle convient, cliquez sur Télécharger. Enregistré automatiquement le fichier avec le nom. Vous pouvez et indépendamment pické pixelly et si vous l'aimez, puis enregistrez également l'icône. Il est important qu'un simple dessin soit utilisé pour créer une Favon. S'il y a beaucoup de personnes multicolores, alors obtenez la mauvaise tache.
Le prochain service, qui est également facile à utiliser. Travailler est approximativement similaire à l'analogue précédent. La seule chose qu'il est anglaise et ici plus de publicité. Mais en général, les actions de génération sont assez similaires. Chargez l'image, voir, Modifier et sauvegarder.
Désormais, presque toutes les ressources fournissent des sites Web Promotion ou Analytics, a une option supplémentaire pour créer Favonov. Par exemple, tous les services bien connus qui ont également cette option supplémentaire:
Mais j'aime les services qui sont affûtés directement sous la création. Ici, regardez, un autre joli outil en ligne pour générer des icônes de différentes tailles et formats. Modestement et de bon goût. Téléchargé notre fichier. Taille sélectionnée. Aperçu et économisez sur un ordinateur.
Il serait bien sûr d'utiliser pour créer une icône de photoshop préférée pour créer une icône. Mais cela ne sauve pas de photos avec une expansion de l'OCI. Plutôt en sauvegarde, mais pour cela, vous devez décompresser un plug-in spécial - IcoFormat.8BI pour l'installer dans le dossier Fichier des fichiers Plug-ins \\ Fichier dans le dossier Photoshop. Cela permettra d'enregistrer des fichiers avec notre extension souhaitée. Pour moi, c'est assez gênant.
Je suggère cette option. Dans Photoshop, nous créons une image que nous souhaitons voir comme des icônes, nous économisons avec n'importe quelle extension et envoie à l'un des services ci-dessus, où nous obtenons ces images dont vous avez besoin.
Vous pouvez également utiliser des convertisseurs graphiques en ligne d'un format à un autre. Par exemple, ou. Avec eux, vous pouvez changer toute extension du fichier graphique sur l'ICO.
Comment faire de l'icône devenir Favon pour le site?
Les étapes suivantes sont nécessaires:
1 Assurez-vous que le fichier est appelé.
2 Utilisez FILEZILLA pour le placer dans le dossier racine de notre site. En théorie, ces actions suffisent et le navigateur déterminera automatiquement où il se trouve. Mais nous réassons et prescris le chemin de ce fichier avec le code HTML.
3 Pour ce faire, nous prenons le fichier de notre topic header.php (vous pouvez le modifier directement dans le panneau Admin directement dans WordPress et vous pouvez le télécharger à partir du serveur), ouvrez-le et le prescrire devant la balise de fermeture Code suivant:
/Favicon.ico "/\u003e
/Favicon.ico "/\u003e |
4 Enregistrez le fichier et transférez-le à l'hébergement.
5 Nettoyez le cache du navigateur actuel et c'est tout. Reçu le résultat souhaité.
Au fait, il n'est pas nécessaire que Favon soit situé à la racine. L'attribut href définit le chemin directement. Il s'avère:
|
|
Il n'est également pas nécessaire que l'icône soit avec une extension ICO. Vous pouvez également utiliser des extensions PNG et GIF. Pour ce faire, le type de fichier de fichier change dans le code.
C'est-à-dire que le type de changement d'image / x-icône sur image / png ou gif.
Au fait, vous pouvez ajouter autre chose. Nous avons créé et installé un fixateur pour le site et dans le panneau WordPress Admin, il reste le fixateur standard par défaut. De sorte qu'il a changé en général partout, vous devez entrer dans le fichier du fichier fonction.php, insérer le PHP -Kod suivant:
fonction SP_SET_FAVICON () (ECHO " ";) Add_action (" admin_head "," sp_set_favicon "); add_action (" login_head "," sp_set_favicon "); add_action (" wp_head "," sp_set_favicon ");
fonction sp_set_favicon () ( Écho. ".get_bloginfo ("template_url") /\u003e " ; add_action ("admin_head", "sp_set_favicon"); add_action ("login_head", "sp_set_favicon"); add_action ("wp_head", "sp_set_favicon"); |
Maintenant, il va réfléchir dans toutes les titres.
En général, en général, et c'est tout. Aujourd'hui, nous avons discuté de la raison pour laquelle vous devez créer Favicon pour le site et examiné les services en ligne pour la création de Favon pour le site et la subtilité de son installation. N'oubliez pas de vous abonner aux mises à jour des blogs. À bientôt!
Regardez la vidéo Comment créer Favicon.ico et placez-la sur l'hébergement:
Bonjour à tous!
Dans cet article, je vous dirai comment installer Favon sur le site. Vous pouvez le faire à l'aide du répertoire racine du site ou à l'aide de la fonctionnalité de modèle. Nous analyserons toutes les options et déterminerons lequel sera le meilleur pour l'un ou l'autre.
Mais auparavant, nous parlerons de la manière dont ce plus Favicon peut être tiré. Ensuite, nous verrons quelle taille devrait être le logo, à la fin, je vous dirai comment insérer l'icône créée sur le site.
Favon (Favicon) - Icône de site Web 16 x 16 (ou 32 x 32, mais pas plus). Il est affiché dans l'onglet Navigateur. Cela ressemble à ceci:
L'icône est également affichée dans les résultats de la recherche et si votre site n'a pas de favon, il est peu probable que les utilisateurs portent une attention particulière à celle-ci. Particulièrement plus expérimenté qui apprécient vraiment chaque petite chose.
Dans Yandex Webmaster, l'absence de Favicon est classée comme une erreur qui doit être corrigée de toute urgence. Ceci n'est pas seulement connecté au fait que les personnes du moteur de recherche ne peuvent pas faire confiance au site sans icône, mais aussi avec certains algorithmes de recherche. Les robots voient de tels inconvénients techniques et réduisent le plus souvent la ressource dans l'extradition. Un phénomène triste qui peut affecter toutes les émissions de référencement.
Résumons:
- Favicon affecte le comportement et la clicabilité dans l'extradition.
- Les robots de recherche peuvent également prendre en compte la présence ou l'absence d'un favicon.
- Ces défauts techniques peuvent entraîner une chute de la circulation.
En d'autres termes, si vous avez une question en général: ajoutez Favicon ou non, alors la réponse est évidente - assurez-vous d'ajouter.
Maintenant, trouvons-le comment vous pouvez dessiner cette icône même. Vous pouvez le faire avec divers services en ligne, éditeurs.
Où télécharger la version prête
Pas un meilleur choix, mais quelqu'un les aime. Vous pouvez télécharger le Favon fini de l'Internet et non particulièrement la prise en charge de la création indépendante de votre choix. Tous sont présentés dans des formats pratiques et la taille souhaitée.
Il suffit d'entrer la demande souhaitée dans le moteur de recherche, de quelque chose comme «Télécharger Favicon», après cela, vous recevrez un grand nombre de variations différentes.
Téléchargez une image sur votre PC, puis réglez sur le site. Tout est simple. Ils sont disponibles absolument gratuits, personne ne vous grondera. Bien que cela concerne la société, même s'il peut être petit, des incidents désagréables peuvent survenir lorsque le logo de quelqu'un d'autre est trouvé.
Les options prêtes peuvent être recherchées sur différents sites. En règle générale, il existe une sélection complète de toutes sortes de logos thématiques, qui peuvent être goûter à des webmasters.
Mais je répète une fois de plus, il sera préférable de créer vous-même un favore.
Création de Favicon
Services en ligne
Favoron peut être dessiné dans les services en ligne. Il suffit de saisir une demande appropriée dans le moteur de recherche, après quoi votre attention sera présentée une liste complète de sites pouvant vous aider à réaliser conçus.
Ce cours examinera les caractéristiques les plus importantes de la création compétente de projets d'information, d'interaction avec l'équipe et d'autres aspects utiles qui aura nécessairement besoin de vous lorsque vous développez votre entreprise.
Dans la leçon d'aujourd'hui, je vais vous parler de icônes Favicon (fade). je vais te montrer Comment faire Favicon.ico pour le site (ou pour un blog, ici sans différence) et montrez comment vous pouvez coller Favon.
Sûrement, beaucoup ne savent toujours pas ce que "miracle" je dis. Mettez simplement, Favicon (Favon) est une image (icône), qui se trouve dans le navigateur avant l'adresse du site. Je montrerai clairement le Favicon de mon blog:
Cette icône est une sorte de logo de votre blog. Par conséquent, à la création d'un Favikon, il est nécessaire de traiter avec une responsabilité totale. Rappelez-vous, il peut souligner votre blog entre autres.
Plan de cours:
- Créer Favicon à partir de zéro.
- Créer un luminaire à partir de l'image finie.
- Services avec des icônes finies pour le site.
- Attacher l'icône reçue sur le site.
Comment créer Favicon (Favon) à partir de zéro
Il y a un service très pratique. Il a une adresse Favicon.cc. Ce service pour la construction de Favonok ressemble à ceci:
À dessiner Favicon Il suffit de choisir une couleur et de dessiner juste. Si vous avez tiré quelque chose, quelque part mal, pour retirer le fragment d'image, sélectionnez l'outil transparent (chèque) et "Poke" sur les pixels ("carrés") que vous devez supprimer:
J'ai dessiné la Favonka suivante:
Surtout dans Favicon.CC, j'ai aimé le fait que vous pouvez découvrir instantanément le résultat de votre travail dans la taille d'origine. Pour ce faire, vous devez descendre un peu dans la section Previw:
Ou vous pouvez directement dans le navigateur (Opera, Firefox, Internet Explorer, etc.) Voir les résultats:
Création de Favicon (Favon) de l'image finie
Supposons que vous ne voulez pas créer une icône à partir de zéro pour votre site, mais vous voulez le faire de l'image prête. Dans ce cas, le service vous conviendra de créer Favicon.ru Fixing.
Service en russe, donc vous ne devriez pas avoir de problèmes. Spécifiez simplement une image que vous souhaitez voir les icônes de votre site (bouton "Vue d'ensemble"), puis cliquez sur " Créer favicon.ico.", Puis déjà" Télécharger Favicon.ico”.
Dans cette leçon, la création de Favicon est considérée, vous découvrirez pourquoi cette icône est nécessaire, obtenir des recommandations pour améliorer son type et son attractivité.
De plus, nous examinerons le processus de création et d'ajout de Favicon pour le site.
Favicon. - Ceci est une petite icône que vous pouvez voir dans la barre d'adresse du navigateur et sur les onglets des pages ouvertes, ainsi que lors de l'ajout d'un site, cette icône est ajoutée aux signets de navigateur.
De plus, le moteur de recherche YANDEX affiche l'icône Favicon dans les résultats de la sortie de votre site. Votre tâche consiste à faire cette icône que cette icône se distingue, je me suis souvenu de l'arrière-plan d'autres icônes dans l'extradition et a également eu des associations avec votre site. Magnifiquement créé et attirant l'icône d'attention Favicon peut augmenter considérablement le nombre d'objectifs sur votre site par rapport à ceux sur lesquels il n'est pas installé ou a une vue attrayante.
Voici quelques recommandations à prendre en compte lors de la création de Favicon.
#une. L'icône doit être facilement reconnaissable et avoir des associations avec votre site ou votre créneau auquel appartient votre site. En tant que badge, vous pouvez utiliser le logo ou le symbole de l'association avec votre site. De plus, vous pouvez utiliser la gamme de couleurs qui crée votre site Web ou votre logo.
# 2. N'utilisez pas d'icônes standard. Beaucoup après avoir créé un site sur un CMS particulier, laissez l'icône sans changer. En conséquence, dans la délivrance du moteur de recherche, il ne peut y avoir d'un site avec un tel badge, mais beaucoup. Ce n'est pas la manière dont vous ne mettez pas en valeur votre site, utilisez donc uniquement les icônes de Favicon uniques créées spécifiquement pour votre site. Cela peut également inclure la situation lorsque vous utilisez des icônes à partir de diverses collections ou éléments de l'interface d'autres sites. N'oubliez pas de vous démarquer, vous avez besoin d'un favicon unique.
# 3. Essayez lors de la création d'un badge pour utiliser des couleurs plus lumineuses et lumineuses, en règle générale, ils attirent plus d'attention.
#four. N'utilisez pas d'icônes animées. Premièrement, l'animation n'est supportée pas par tous les navigateurs, dans la seconde, l'attention du visiteur doit être concentrée sur le contenu et non sur l'icône.
Envisagez maintenant directement le processus Favicon lui-même. Pour cela, il existe de nombreux services. Cependant, ils conviennent davantage à ceux qui ont déjà une icône finie qu'ils servaient ou pris de certaines collections. Mais comme je l'ai dit ci-dessus, l'icône doit être unique, alors je vais considérer ici le processus de la création d'utilisateurs de Photoshop, sur l'exemple du site du site.
Création de la billette Favicon dans Photoshop
#une. Créez un nouveau document dans Photoshop Taille 64 * 64px, pour le faire, allez dans le menu "Fichier" \u003e\u003e "Nouveau ..." ou appuyez sur la combinaison CTRL + N. En général, l'icône elle-même devrait être 16 * 16px, mais il est préférable de la créer d'abord de la même taille, puis de réduire le nécessaire.
# 2. Dans mon cas, je n'ai aucun logo pour le site, j'ai donc décidé d'utiliser le symbole "W" à partir de laquelle l'adresse du site commence, ainsi que ces couleurs qui prévalent au sommet du site, il est bleu et jaune. Par conséquent, j'ai défini la valeur de couleur # 6a91d0 et à l'aide de l'outil "Remplir" (g) Définissez la couleur bleue du document créé précédemment.
# 3. Après cela, j'ai choisi l'outil "Texte" (t) ajouté le symbole "W" et définissez-le la valeur de couleur suivante # FAC31D.
Pour que le symbole soit plus debout sur un fond bleu, je l'ai ajouté avec une couleur noire et une taille de 2px. Pour ce faire, vous devez aller à l'élément de menu. "Couche" \u003e\u003e "Couche de style" \u003e\u003e "AVC", Sélectionnez la couleur et la taille de la course.
Après cela, vous devez combiner des couches, car vous devez aller à l'élément de menu. "COUCHE" \u003e\u003e "Combinez visible" Ou appuyez sur la combinaison de touches Maj + Ctrl + E.
Pour que les lignes aient des baskets lisses, j'ai ajouté Flou. Pour ce faire, vous devez aller à l'élément de menu. "Filtre" \u003e\u003e "BLUR" \u003e\u003e "BLUR EN GAUSS ..." Et réglez le rayon de 0,3 pixels.
Son caractère ou son lieu d'image afin qu'il prenne un maximum d'espace, car s'il est petit, alors avec la taille de l'icône 16 * 16, il ne sera pas perceptible.
#four. Maintenant, vous devez modifier la taille de l'icône. Pour ce faire, allez au menu \u003e\u003e "taille d'image"et définissez la taille de 16 * 16px.
#cinq. Il reste à enregistrer l'icône. L'icône Favicon doit avoir le nom Favicon et Extension.ico. Le fait est que par défaut Photoshop ne sauvegarde pas des images dans le format.ico. Par conséquent, enregistrez-le dans le format.png, pour cela, allez à l'élément de menu "Fichier" \u003e\u003e "Enregistrer sous ..." et sélectionnez PNG dans la liste déroulante.
Image de conversion dans le format.ico
Après cela, nous le convertissons en format.ico en utilisant le service. Accédez à ce service et à l'aide du bouton "Aperçu", sélectionnez le fichier précédemment enregistré dans le format PNG, puis cliquez sur le bouton "Créer Favicon.ico".
Après cela, le lien "Télécharger favicon.ico!" Apparaîtra sur la page de téléchargement. En cliquant sur lequel vous pouvez enregistrer l'icône Favicon finie sur l'ordinateur.
Il est maintenant temps d'ajouter Favicon à votre site afin qu'il soit affiché pour toutes ses pages. Pour ce faire, placez l'icône dans le dossier racine de votre site. Si votre site est déjà sur l'hébergement, alors ce dossier est appelé "public_html". Ensuite, dans chaque page de votre site, devant la balise de fermeture Ajoutez les lignes suivantes:
Mais dans chaque page, les données de chaîne doivent être ajoutées si vous avez un site sur HTML. Mais étant donné que votre site est probablement basé sur une base, certains CMS, vous serez alors suffisant pour ajouter ces lignes au fichier principal de votre thème que vous utilisez pour le site.
Si vous utilisez WordPress, accédez au dossier / dossier Thèmes / dossiers WP-with-You-theme / trouvez-y et ouvrez le fichier Header.php et insérez les lignes sont nécessaires et enregistré le fichier.
Si vous utilisez Joomla, accédez au dossier / dossier-C-y votre-topic / et ouvrez le fichier index.php Insérez les lignes requises et enregistrez.
Dans certains sujets dans WordPress et Joomla, leurs chemins peuvent déjà être énoncés dans le fichier Favicon.ico, dans ce cas, les supprimer et les remplacer.
Si vous utilisez, tout autre CMS, alors faites tout par analogie.
Sur les pages des pages et dans la barre d'adresse du navigateur, votre icône sera affichée immédiatement, quant à la recherche du Yandex, il est nécessaire d'avoir du temps et le robot de recherche spécial Yandex a trouvé votre icône, après cela Il sera affiché dans les résultats de la recherche.
Le matériau est préparé par le projet:
