Favicon σημάδι χρημάτων. Πού να κατεβάσετε την ολοκληρωμένη έκδοση. Πώς λειτουργεί η διαδικασία δημιουργίας ενός εικονιδίου στο Logaster;

Ένα νέο μάθημα εργαστηρίου στυλ και αυτή τη φορά μαθαίνουμε τα μυστικά του favicon. Favicon - ένα μικρό εικονίδιο που εμφανίζεται στους σελιδοδείκτες και στη γραμμή του προγράμματος περιήγησης. Εάν έχετε τη δική σας ιστοσελίδα και θέλετε να ξεχωρίζετε από τους άλλους ακόμα και σε μικρά πράγματα - favicon απαραίτητη. Φυσικά, φαίνεται πιο συμφέρουσα μεταξύ των σελιδοδεικτών, στο φόντο μιας ξεθωριασμένης λίστας διευθύνσεων χωρίς γραφική αναγνώριση. Ωστόσο, το μάθημά μας δεν αφορά τόσο το πώς να επισυνάψετε ένα favicon στη γραμμή του προγράμματος περιήγησης, αλλά με το πώς να σχεδιάσετε το δικό σας favicon στο Photoshop.

Σε ποια μορφή πρέπει να αποθηκεύσω το favicon;

Όλα εξαρτώνται από το πρόγραμμα περιήγησης. Για Microsoft Explorerκατάλληλη μορφή εικονιδίου ICO. Έχουμε ήδη συναντήσει αυτήν τη μορφή όταν φτιάξαμε τον κέρσορα. Για άλλα προγράμματα περιήγησης από Google Chromeπριν Apple Safariτακτική θα κάνει GIFή PNG. Faviconμπορεί να είναι ημιδιαφανές. Για να το κάνετε αυτό, πρέπει να το αποθηκεύσετε σε ημιδιαφανές PNG, και στη συνέχεια μετατρέψτε στη μορφή ICO. Αυτό μπορεί να γίνει σε ένα καλό πρόγραμμα IcoFX.Ωστόσο, υπάρχουν πολλοί ιστότοποι τρίτων για τη δημιουργία favicon, και το πιο προφανές από αυτά είναι το www.favicon.ru

Πώς να τοποθετήσετε ένα favicon σε έναν ιστότοπο;

Πώς να είσαι σίγουρος ότι faviconθα λειτουργήσει; Πρέπει να πληρούνται 4 προϋποθέσεις.

• Το αρχείο πρέπει να ονομάζεται - favicon.
• Μέγεθος Favicon 16 επί 16 εικονοστοιχεία
• Το βέλτιστο μέρος για ένα favicon είναι ο ριζικός φάκελος του ιστότοπου.
• Γράψτε τη διεύθυνση του εικονιδίου στις μετα-ετικέτες hederστο ευρετήριο του ιστότοπου.

Στην έκφραση HTML μοιάζει με αυτό:

Μπορείτε να δημιουργήσετε πολλά εικονίδια για διαφορετικά προγράμματα περιήγησης, για παράδειγμα ένα στη μορφή ICO, και το άλλο μέσα PNGκαι υποδείξτε όλα αυτά μέσω της ετικέτας Σύνδεσμος . Τα σύγχρονα προγράμματα περιήγησης αναζητούν συνήθως ένα αρχείο στη ρίζα του ιστότοπου που ονομάζεται favicon, ωστόσο, να είστε σίγουροι, δεν βλάπτει να υποδείξετε τους ακριβείς συνδέσμους.

Δημιουργήστε ένα favicon στο Photoshop

Δημιουργώ faviconπολύ απλό. Θέλετε να φτιάξετε ένα τέτοιο; faviconόπως το VKontakte ή το Odnoklassniki; Καλός faviconδεν μπορεί να γίνει με τη μείωση μεγάλων εικόνων σε κάθε είδους «γεννήτριες» favicon, οι οποίες είναι γεμάτες από αυτές στο Διαδίκτυο. Το favicon είναι πολύ μικρό. Στην πραγματικότητα είμαστε κάπως pixel art, που έχει τα δικά του χαρακτηριστικά. Δεν μπορείτε να γράψετε ένα γράμμα και απλώς να το μειώσετε σε 16 εικονοστοιχεία .

Αρέσει faviconθα είναι θολή και δυσδιάκριτη, καθώς οι άκρες του γράμματος θα επικαλύπτονται κατά πολλά pixel κατά την αλλαγή μεγέθους. Θα αποδειχθεί κάπως αντι-ψευδώνυμο, το οποίο είναι συνήθως καλό, αλλά στην περίπτωση της τέχνης pixel τέτοιες μεταβάσεις απλώς δεν χρειάζονται. Από την άλλη πλευρά, θα πρέπει να αποφύγετε το υπερβολικό «τρίψιμο» στη στρογγυλότητα, διαφορετικά θα καταλήξετε με hello 1999 gif.

Δημιουργήστε ένα αρχείο μεγέθους 16 Χ 16 εικονοστοιχεία . Θα δημιουργήσουμε ένα πολύ απλό ημιδιαφανές favicon s σε μορφή γράμματος, με λίγο βάθος. Το βάθος θα δημιουργηθεί μέσω της σκιάς και της κλίσης.

Σχεδιάζοντας το φόντο

Γιατί στην εισαγωγή αυτού του μαθήματος βλέπετε ένα τεράστιο λείο και γλείψιμο favicon? Γιατί το μεγάλωσα για την εισαγωγή για το μάθημα. Πώς κατάφερα να μεγεθύνω ποιοτικά την εικόνα; 16 εικονοστοιχεία? Πολύ απλά, δουλεύω πάντα σε vector αν είναι δυνατόν να το χρησιμοποιήσω και αν έχει νόημα. Και το διάνυσμα αντέχει εύκολα κάθε μεταμόρφωση και δεν χάνει ποιότητα.

Επιλέξτε ένα εργαλείο Εργαλείο στρογγυλεμένο ορθογώνιο. Στον πίνακα ρυθμίσεων, επιλέξτε λειτουργία, η οποία θα σας επιτρέψει να σχεδιάσετε διάνυσμα. Στο αναπτυσσόμενο μενού του πίνακα υπάρχει ένα σημάδι επιλογής - Snap To Pixels. Αυτό είναι απαραίτητο ώστε οι διανυσματικές διαδρομές να αποσπώνται σε εικονοστοιχεία και να μην τραβούν «ανάμεσα» τους.

Έχουμε επιφάνεια favicon, και οι ημιδιαφανείς άκρες θα δημιουργήσουν μια ομαλή στρογγυλότητα. Τώρα ήρθε η ώρα να απαλλαγείτε από το λευκό φόντο, δεν χρειάζεται. Απενεργοποιήστε την ορατότητά του. Ή κάντε διπλό κλικ στο επίπεδο, μετατρέποντάς το σε κανονικό επίπεδο και, στη συνέχεια, διαγράψτε το.

Τώρα ένα εικονίδιο προσωπικής τοποθεσίας - Favicon - είναι ένα είδος επαγγελματικής κάρτας οποιουδήποτε πόρου Ιστού. Αυτό το εικονίδιο επισημαίνει την επιθυμητή πύλη όχι μόνο στη λίστα των καρτελών του προγράμματος περιήγησης, αλλά και, για παράδειγμα, στα αποτελέσματα αναζήτησης Yandex. Το Favicon, κατά κανόνα, δεν εκτελεί άλλες λειτουργίες εκτός από την αύξηση της αναγνωρισιμότητας του ιστότοπου.

Η δημιουργία ενός εικονιδίου για τον δικό σας πόρο είναι αρκετά απλή: βρίσκετε μια κατάλληλη εικόνα ή τη σχεδιάζετε μόνοι σας χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας γραφικών και, στη συνέχεια, συμπιέζετε την εικόνα στο επιθυμητό μέγεθος - συνήθως 16x16 pixel. Αποθηκεύστε το αποτέλεσμα που προκύπτει στο αρχείο favicon.ico και τοποθετήστε το στον ριζικό φάκελο του ιστότοπου. Αλλά αυτή η διαδικασία μπορεί να απλοποιηθεί σημαντικά χρησιμοποιώντας μία από τις γεννήτριες Favicon που είναι διαθέσιμες στο Διαδίκτυο.

Τα περισσότερα προγράμματα επεξεργασίας εικονιδίων ιστού προσφέρουν όλα τα απαραίτητα εργαλεία για τη δημιουργία Favicons. Σε αυτή την περίπτωση, δεν είναι απαραίτητο να σχεδιάσετε μια εικόνα από την αρχή - μπορείτε να χρησιμοποιήσετε μια έτοιμη εικόνα.

Μέθοδος 1: Favicon.by

Ρωσική γλώσσα σε απευθείας σύνδεση γεννήτρια favicon: απλή και οπτική. Σας επιτρέπει να σχεδιάσετε μόνοι σας ένα εικονίδιο χρησιμοποιώντας τον ενσωματωμένο καμβά 16x16 και μια ελάχιστη λίστα εργαλείων, όπως μολύβι, γόμα, σταγονόμετρο και γέμισμα. Υπάρχει μια παλέτα με όλα τα χρώματα RGB και υποστήριξη διαφάνειας.

Εάν θέλετε, μπορείτε να ανεβάσετε μια ολοκληρωμένη εικόνα στη γεννήτρια - από τον υπολογιστή σας ή από έναν πόρο Ιστού τρίτου κατασκευαστή. Η εισαγόμενη εικόνα θα τοποθετηθεί επίσης στον καμβά και θα είναι διαθέσιμη για επεξεργασία.

Ως αποτέλεσμα, λαμβάνετε ένα γραφικό αρχείο ICO που ονομάζεται favicon και ανάλυση 16x16 pixel. Αυτό το εικονίδιο είναι ήδη έτοιμο για χρήση ως εικονίδιο για τον ιστότοπό σας.

Μέθοδος 2: X-Icon Editor

Μια εφαρμογή προγράμματος περιήγησης HTML5 που σας επιτρέπει να δημιουργείτε λεπτομερή εικονίδια μεγέθους έως 64x64 pixel. Σε αντίθεση με την προηγούμενη υπηρεσία, το X-Icon Editor διαθέτει περισσότερα εργαλεία σχεδίασης και καθένα από αυτά μπορεί να διαμορφωθεί με ευελιξία.

Όπως και στο Favicon.by, εδώ μπορείτε να ανεβάσετε μια ολοκληρωμένη εικόνα στον ιστότοπο και να τη μετατρέψετε σε favicon, επεξεργάζοντάς την σωστά εάν χρειάζεται.

Εάν θέλετε να διατηρήσετε τις λεπτομέρειες μιας εικόνας που σκοπεύετε να μετατρέψετε σε favicon, το X-Icon Editor είναι ιδανικό για αυτό. Η δυνατότητα δημιουργίας εικονιδίων με ανάλυση 64x64 pixel είναι το κύριο πλεονέκτημα αυτής της υπηρεσίας.

Γεια σας, αγαπητοί αναγνώστες του ιστότοπου του ιστολογίου. Η συζήτηση στο σημερινό άρθρο θα αφορά τα λεγόμενα εικονίδια Favicon.ico. Θα καταλάβουμε τι είναι το favicon, γιατί πρέπει να το εγκαταστήσετε στον ιστότοπό σας και πώς να δημιουργήσετε μόνοι σας ένα εικονίδιο του απαιτούμενου μεγέθους.

Κατ 'αρχήν, για να δημιουργήσετε ένα favicon, δεν είναι καθόλου απαραίτητο να χρησιμοποιήσετε ειδικές ηλεκτρονικές γεννήτριες, αν και είναι αρκετά βολικό και απλό. Μπορείτε να δοκιμάσετε να το κάνετε στο Photoshop, αλλά από προεπιλογή, δυστυχώς, δεν μπορεί να αποθηκεύσει εικόνες σε μορφή ICO. Επομένως, για να διδάξετε το Photoshop να λειτουργεί με το ICO, θα χρειαστεί να εγκαταστήσετε ένα ειδικό πρόσθετο.

Αλλά αν δεν αισθάνεστε άνετα με το Photoshop (καθώς και με αυτό), τότε θα είναι πολύ πιο βολικό για εσάς να χρησιμοποιήσετε μία από τις πολλές διαδικτυακές υπηρεσίες που αναφέρονται παρακάτω. Επιπλέον, σε μερικά από αυτά θα μπορείτε να σχεδιάσετε ένα νέο εικονίδιο εντελώς από την αρχή και σε άλλα θα μπορείτε να μετατρέψετε μια εικόνα που έχετε ήδη (που σας ταιριάζει) σε μορφή favicon.

Λοιπόν, η πιο εύκολη επιλογή είναι να κατεβάσετε τη συλλογή Favicon από κάποια ηλεκτρονική γκαλερί ή κατάλογο. Διαβάστε παρακάτω για το πού μπορείτε να τα αποκτήσετε.

Πώς να δημιουργήσετε ένα Favicon στο διαδίκτυο και πού μπορείτε να κατεβάσετε μια συλλογή από αυτά

Επιτρέψτε μου πρώτα να δώσω παραδείγματα υπηρεσιών (τα λεγόμενα γεννήτρια favicon), όπου μπορείτε, χωρίς ιδιαίτερες δεξιότητες, να σχεδιάσετε ένα εντελώς αξιοπρεπές μίνι λογότυπο για τον ιστότοπό σας ή τουλάχιστον να μετατρέψετε αυτόματα μια κατάλληλη εικόνα στη μορφή που απαιτείται για τη μεταφόρτωση ενός favicon στον ιστότοπο.

1. Faviсon.cc— μια πολύ βολική διαδικτυακή γεννήτρια favicon. Χρησιμοποιώντας το, μπορείτε, για παράδειγμα, να δημιουργήσετε το δικό σας εικονίδιο από την αρχή (εντελώς αποκλειστικό), σχεδιάζοντάς το pixel προς pixel. Για να το κάνετε αυτό, θα χρειαστεί να κάνετε κλικ στο κουμπί «Δημιουργία νέου Favcon» στην αριστερή πλευρά του παραθύρου της υπηρεσίας.

   

   Στο κέντρο της σελίδας γεννήτριας υπάρχει μια περιοχή όπου κάθε τετράγωνο είναι ένα pixel του μελλοντικού σας favicon. Ο στόχος σας είναι να βάψετε αυτά τα τετράγωνα με διαφορετικά χρώματα. Για να βάψετε ένα τετράγωνο με ένα χρώμα, πρέπει να επιλέξετε το πλαίσιο στη δεξιά πλευρά του παραθύρου της υπηρεσίας στο πεδίο "Επιλογέας χρώματος", επιλέξτε το επιθυμητό χρώμα από την παλέτα που βρίσκεται εκεί και κάντε κλικ στο επιθυμητό τετράγωνο. Για να αφαιρέσετε τη λανθασμένη σκίαση, επιλέξτε το πλαίσιο «διαφανές» και κάντε κλικ στο τετράγωνο, με αποτέλεσμα να γίνει άχρωμο (διαφανές).

   Για να μετακινήσετε ένα pixel στον καμβά της γεννήτριας, θα πρέπει να επιλέξετε το πλαίσιο "μετακίνηση". Μπορείτε να δείτε το αποτέλεσμα της εργασίας σας σε πραγματική κλίμακα στην περιοχή "Προεπισκόπηση" κάτω από τον καμβά. Εάν το Favicon που δημιουργήσατε σας ταιριάζει, κάντε κλικ στο κουμπί «Λήψη» για να το αποθηκεύσετε στον υπολογιστή σας. Ως αποτέλεσμα, θα λάβετε ένα αρχείο γραφικών που μπορείτε στη συνέχεια να κατεβάσετε και να ανεβάσετε στον διακομιστή φιλοξενίας.

   Τώρα ξέρετε πώς να φτιάξετε ένα μίνι λογότυπο για τον ιστότοπό σας από την αρχή. Αλλά αν δεν έχετε γραφικά ταλέντα, τότε μπορείτε να χρησιμοποιήσετε την υπηρεσία ηλεκτρονικής γεννήτριας ανεβάστε οποιαδήποτε εικόνα για το μελλοντικό favicon, το οποίο θα χρησιμεύσει ως κενό. Η εικόνα μπορεί να είναι απολύτως οποιουδήποτε μεγέθους και μορφής. Για να ανεβάσετε το αρχείο εικονιδίων στην ηλεκτρονική υπηρεσία, θα χρειαστεί να κάνετε κλικ στο κουμπί «Εισαγωγή εικόνας» στην αριστερή πλευρά του παραθύρου της υπηρεσίας.

   

   Στο παράθυρο που ανοίγει, κάντε κλικ στο κουμπί «Αναζήτηση» και βρείτε μια κατάλληλη εικόνα στον υπολογιστή σας. Στη συνέχεια, επιλέξτε τι να κάνετε με την αναλογία διαστάσεων της εικόνας σας κατά τη μετατροπή της σε 16 επί 16 (τετράγωνο). Αυτό ισχύει αν η εικόνα που ανεβάζετε δεν είναι τετράγωνη. Σε αυτήν την περίπτωση, είναι δυνατές δύο επιλογές: να αφήσετε αμετάβλητη την αναλογία διαστάσεων (Διατήρηση διαστάσεων) ή να μετατρέψετε την εικόνα σε τετράγωνη προβολή (εικονίδιο συρρίκνωσης σε τετράγωνο). Στη δεύτερη περίπτωση, η εικόνα του μελλοντικού favicon θα παραμορφωθεί κατά μήκος ενός από τους άξονες.

   Για να ανεβάσετε στην ηλεκτρονική γεννήτρια και να μετατρέψετε την εικόνα σας, θα χρειαστεί να κάνετε κλικ στο κουμπί "Μεταφόρτωση". Το Favicon.ico που δημιουργήθηκε από αυτό θα είναι επεξεργάσιμο με τον ίδιο τρόπο όπως αυτό που σχεδιάσατε. Όταν ολοκληρώσετε την επεξεργασία του αριστουργήματός σας, κάντε κλικ στο κουμπί "Λήψη" για να το κατεβάσετε στον υπολογιστή σας.

   Αυτή η διαδικτυακή υπηρεσία έχει επίσης τη δυνατότητα να χρησιμοποιεί συλλογές favicons που δημιουργήθηκαν από άλλους χρήστες και διατίθενται στο κοινό. Για να δείτε τα εκθέματα που είναι διαθέσιμα στη γκαλερί, θα χρειαστεί να κάνετε κλικ στην αριστερή πλευρά του παραθύρου είτε στο κουμπί "Τελευταία Favicons" για να δείτε τις συλλογές ταξινομημένες κατά ημερομηνία δημιουργίας ή στο κουμπί "Κορυφαία Favicons" για προβολή γκαλερί ταξινομημένα κατά βαθμολογία.

2. Favicon.ru- κάποτε αυτή η υπηρεσία ήταν πολύ πιο απλή από την ηλεκτρονική γεννήτρια που περιγράφηκε παραπάνω, αλλά πρόσφατα έγινε σχεδόν η ανάλογή της, αλλά μόνο στα ρωσικά. Το Favicon.ru σάς επιτρέπει όχι μόνο να μετατρέψετε οποιαδήποτε εικόνα έχετε (στον υπολογιστή σας ή στο Διαδίκτυο) σε μορφή ICO με μέγεθος 16 επί 16 εικονοστοιχεία, αλλά καθιστά επίσης δυνατή τη σχεδίασή της από την αρχή, pixel προς pixel.

   

   Αυτή η έκδοση της ηλεκτρονικής γεννήτριας favicon είναι αξιοσημείωτη, ίσως, μόνο επειδή είναι εγχώρια. Γι' αυτό και κατέληξε σε αυτό το άρθρο. Έτσι, για να εργαστείτε με αυτό, πρέπει να κάνετε κλικ στο κουμπί "Επιλογή αρχείου" στο επάνω μέρος της κύριας σελίδας και να καθορίσετε τη διαδρομή προς την επιθυμητή εικόνα στον υπολογιστή σας. Η εικόνα που λήφθηκε και μετατράπηκε στη μορφή Favicon.ico μπορεί να διορθωθεί και στη συνέχεια να αποθηκευτεί στον υπολογιστή σας. Όλα είναι απλά και βολικά.

3. Logaster.ruείναι μια ηλεκτρονική δημιουργία λογότυπων, αλλά εκτός από λογότυπα, δημιουργεί και ένα favicon. Σε αντίθεση με όλες τις άλλες υπηρεσίες, δεν χρειάζεται να σχεδιάσετε ένα σχέδιο favicon ή να το μετατρέψετε από ένα λογότυπο.

   

   Για να δημιουργήσετε ένα favicon, πρέπει πρώτα να εισαγάγετε το όνομα του ιστότοπου ή της εταιρείας και να επιλέξετε τον τύπο δραστηριότητας. Η υπηρεσία θα προσφέρει αρκετές δεκάδες πρότυπα favicon έτοιμα προς χρήση. Μπορείτε να διαβάσετε περισσότερα για το πώς να δημιουργήσετε ένα favicon. Αφού δημιουργήσετε το Favicon.ico, μπορείτε να κάνετε λήψη του αρχείου στον υπολογιστή σας σε μορφή ICO ή PNG.

Μετά από αυτό, το μόνο που έχετε να κάνετε είναι να κάνετε κλικ στο κουμπί "Δημιουργία". Στη σελίδα που ανοίγει θα δείτε έναν σύνδεσμο για τη λήψη του favicon που προκύπτει.

Μια επιλογή από ηλεκτρονικές γεννήτριες, συλλογές και γκαλερί favicons

Εάν για κάποιο λόγο δεν σας άρεσε η γεννήτρια favicon που περιγράφεται παραπάνω, τότε μπορώ να προτείνω να δοκιμάσετε την τύχη σας σε ένα από τα παρακάτω δωρεάν διαδικτυακές υπηρεσίες:

1. FaviconGenerator - σας επιτρέπει να μετατρέψετε οποιαδήποτε εικόνα που έχετε κατεβάσει από τον υπολογιστή σας στην επιθυμητή μορφή favicon (μπορείτε να ανεβάσετε φωτογραφίες).
2. Το AntiFavicon είναι μια αρκετά ενδιαφέρουσα Γεννήτρια Favicon. Σε αυτό μπορείτε δημιουργήστε ένα favicon με μια επιγραφή. Θα χρειαστεί να εισαγάγετε το κείμενο της επιγραφής στα πεδία «Κείμενο στο επάνω μέρος» και «Κείμενο κάτω» και να προσαρμόσετε το συνδυασμό χρωμάτων στην περιοχή «Χρώματα».
3. Το FavIcon από το Pics είναι μια άλλη απλή διαδικτυακή υπηρεσία - καθορίζετε τη διαδρομή προς την εικόνα στον υπολογιστή σας, μετατρέπετε και πραγματοποιείτε λήψη του αρχείου που προκύπτει σε μορφή ICO και GIF.
4. Iconj - αυτό που είναι αξιοσημείωτο είναι ότι μπορείτε είτε να κάνετε λήψη του εικονιδίου που δημιουργήθηκε είτε να το αφήσετε στην υπηρεσία και να λάβετε έναν σύνδεσμο προς αυτό το αρχείο
5. Το DeGraeve είναι ένα αρκετά ισχυρό Favicon Generator, παρόμοιο σε λειτουργικότητα με το Favicon.cc που εξετάστηκε προηγουμένως. Και εδώ μπορείτε να κάνετε τα πάντα είτε από την αρχή είτε να ανεβάσετε μια εικόνα, η οποία αργότερα μπορεί να προσαρμοστεί και να ληφθεί σε μορφή ICO κατάλληλου μεγέθους.
6. Γεννήτρια - σας επιτρέπει να δημιουργήσετε ένα favicon από μια μεταφορτωμένη εικόνα και να το δημιουργήσετε από την αρχή σε ένα ειδικό πρόγραμμα επεξεργασίας.
7. Ηλεκτρονικό πρόγραμμα επεξεργασίας εικονιδίων favicon.ico - λοιπόν, τα κάνει όλα - δημιουργώντας favicons από την αρχή και τροποποιώντας μια υπάρχουσα εικόνα.
8. Το Online Favicon είναι ένα πολύ λειτουργικό εργαλείο για τη δημιουργία και την επεξεργασία μίνι λογότυπων
9. Δωρεάν Favicon Generator - σε περίπτωση που τίποτα από την παραπάνω λίστα δεν σας ταιριάζει.
10. Γεννήτρια Favicon - απλή και καλόγουστη...

Εάν δεν σας ενδιαφέρει η αποκλειστικότητα του μίνι λογότυπου σας για τον ιστότοπο και δεν μπορείτε να ασχοληθείτε με τους συντάκτες και τους δημιουργούς, τότε μπορείτε να επιλέξετε ένα κατάλληλο εικονίδιο για τον εαυτό σας σε ιστότοπους όπου είναι μια δεκάρα. Άλλωστε, στην πραγματικότητα, απολύτως οποιοδήποτε εικονίδιο διαστάσεων 16 επί 16 pixel, το οποίο μπορείτε να κατεβάσετε από το Διαδίκτυο ή να βρείτε στα βάθη του υπολογιστή σας, θα μας ταιριάζει.

Αλλά πρέπει να θυμάστε ότι το favicon πρέπει πρώτα απ 'όλα να προσελκύει την προσοχή των χρηστών. Στην ιδανική περίπτωση, ένας χρήστης θα μπορούσε να αναγνωρίσει τον ιστότοπό σας απλώς κοιτάζοντας το Favicon, επομένως είναι καλύτερο να είναι μοναδικό, αλλά μπορείτε επίσης να αναζητήσετε κάτι ασυνήθιστο στο Διαδίκτυο.

Εάν δεν έχετε την επιθυμία ή την ευκαιρία (δεν είστε καλλιτέχνης και δεν έχετε υπάρξει ποτέ), τότε ο ευκολότερος τρόπος θα ήταν να δοκιμάσετε να αναζητήσετε γκαλερί με συλλογές δωρεάν favicons:

1. Συλλογή εικονιδίων για τον ιστότοπο favicon.ico - περισσότερα από 15.000 μίνι λογότυπα για τον ιστότοπό σας για κάθε γούστο και χρώμα
2. Το Iconj είναι μια αρκετά μεγάλη συλλογή εικονιδίων που έχουν σχεδιαστεί από άλλα άτομα και διατίθενται στο κοινό
3. Favicon.cc - 55 χιλιάδες διαφορετικές επιλογές για όλες τις περιπτώσεις. Υπάρχουν επίσης κινούμενα favicon, τα οποία θα είναι ορατά μόνο στο πρόγραμμα περιήγησης FireFox.
4. The Favicon Gallery - μερικά ακόμη εικονίδια που ταιριάζουν στο μέγεθος

Εάν γνωρίζετε άλλους παρόμοιους πόρους, θα προσθέσω τους συνδέσμους σας σε αυτήν τη λίστα.

Πώς να εγκαταστήσετε ένα Favicon σε έναν ιστότοπο και να καθορίσετε τη διαδρομή προς αυτό

Το πρόγραμμα περιήγησής σας και το ρομπότ αναζήτησης Yandex θα το κάνουν αναζητήστε το favicon κυρίως στον ριζικό φάκελο του ιστότοπού σας. Επομένως, μπορείτε απλά να συνδεθείτε στον ιστότοπο μέσω FTP και να ανεβάσετε το αρχείο Favicon.ico στον ριζικό του κατάλογο (συνήθως στους φακέλους public_htm ή htdocs) (καλύτερα να γράψετε το όνομά του με μικρά γράμματα). Τώρα ανοίξτε τον πόρο σας σε κάποιο πρόγραμμα περιήγησης και δείτε εάν το εικονίδιο στην καρτέλα έχει αλλάξει. Έχει αλλάξει; Οχι? Λοιπόν, δεν πειράζει.

Εάν δεν μπορέσατε να τοποθετήσετε ένα favicon με αυτόν τον τρόπο, τότε ίσως χρειαστεί, επειδή... Συχνά συμβαίνει ότι μια παλιά έκδοση φορτώνεται από την προσωρινή μνήμη. Μπορείτε να το δοκιμάσετε, για μένα ανταποκρίνεται καλύτερα στις αλλαγές που έγιναν χωρίς να καθαρίσετε την προσωρινή μνήμη. Εάν το πρόβλημα δεν βρίσκεται στην προσωρινή μνήμη του προγράμματος περιήγησης, τότε αυτό σημαίνει ότι Ο ιστότοπός σας έχει διαφορετική τοποθεσία για το favicon, διαφορετικό από τον ριζικό φάκελο. Πώς μπορώ να το ελέγξω αυτό;

Ανοίξτε τον πηγαίο κώδικα οποιασδήποτε σελίδας στον ιστότοπό σας. Για να προβάλετε τον πηγαίο κώδικα, απλώς κάντε δεξί κλικ στη σελίδα και επιλέξτε το κατάλληλο στοιχείο μενού περιβάλλοντος (για παράδειγμα, "Πηγαίος κώδικας" στην παλιά Opera, ή "Πηγαίος κώδικας σελίδας" στο Mazila Firefox ή "Προβολή κώδικα σελίδας" στο Google Chrome ή "Προβολή κώδικα HTML" σε IE) ή πατήστε το συνδυασμό πλήκτρων Ctrl+U. Τώρα κοιτάξτε στην κορυφή του κώδικα της σελίδας για μια γραμμή που καθορίζει τη διαδρομή προς το favicon.ico.

Μπορεί να μοιάζει κάπως έτσι:

Τώρα, γνωρίζοντας αυτήν τη διαδρομή, μπορείτε να συνδεθείτε ξανά μέσω FTP και να ανεβάσετε το favicon σας χρησιμοποιώντας την καθορισμένη διαδρομή, αντικαθιστώντας αυτήν που υπάρχει ήδη στον ιστότοπο. Εάν δεν έχουν γίνει ξανά αλλαγές στη γραμμή διευθύνσεων του προγράμματος περιήγησης, δοκιμάστε να εκκαθαρίσετε ξανά την προσωρινή μνήμη του προγράμματος περιήγησης.

ΣΕ JoomlaΤο Favicon συνήθως βρίσκεται στο φάκελο με το πρότυπο που χρησιμοποιείτε (η διαδρομή προς αυτό στο Joomla 1.5 γράφτηκε στο αρχείο index.php από τον κατάλογο του ίδιου προτύπου, αλλά στο Joomla 3 όλα έγιναν λίγο πιο περίπλοκα). Εκείνοι. Για να αλλάξετε το favicon στο Joomla, το μόνο που χρειάζεται να κάνετε είναι να ακολουθήσετε αυτήν τη διαδρομή και να ανεβάσετε το αρχείο favicon.ico εκεί και να απαντήσετε καταφατικά στην ερώτηση σχετικά με την αντικατάσταση:

/templates/folder_with_the_design_template/favicon.ico

Αρχείο Favicon μέσα WordPressαπό προεπιλογή, μπορεί επίσης να βρίσκεται στο φάκελο με το θέμα που χρησιμοποιείτε (η διαδρομή προς αυτό ορίζεται επίσης εκεί):

/wp-content/themes/Folder_with_theme_you_are_using/favicon.ico

Σε γενικές γραμμές, αν θέλετε ορίστε ή αλλάξτε τη διαδρομή προς το favicon σας, το οποίο θα ήταν κατανοητό τόσο από τα προγράμματα περιήγησης όσο και από το ρομπότ αναζήτησης Yandex, τότε θα χρειαστεί να το γράψετε στο κατάλληλο αρχείο προτύπου για Joomla, WordPress ή οποιαδήποτε άλλη μηχανή, μεταξύ των ετικετών ανοίγματος και κλεισίματος ΚΕΦΑΛΙ, τις ακόλουθες γραμμές κώδικα:

Σε ποιο αρχείο προτύπου πρέπει να γράψετε αυτές τις γραμμές εξαρτάται από τη μηχανή του ιστότοπού σας. Για παράδειγμα, σε στο WordPressπρέπει να ανοίξετε το αρχείο header.php για επεξεργασία: wp-content/themes/Folder_with_your_theme_design. Ανοίξτε το header.php στο πρόγραμμα επεξεργασίας και στην αρχή βρείτε την αρχική ετικέτα Html HEAD. Σε οποιοδήποτε σημείο μετά από αυτό, αλλά πριν από το κλείσιμο HEAD, γράψτε μία από τις παραπάνω γραμμές κώδικα που υποδεικνύει τη διαδρομή προς το αρχείο γραφικών με μίνι λογότυπο.

Πώς να εγκαταστήσω κινούμενο favicon? Βασικά, ακριβώς το ίδιο με ένα κανονικό. Η μόνη διαφορά θα είναι ο κώδικας που εισάγεται στο πρότυπο του ιστότοπού σας, με τον οποίο υποδεικνύετε στα προγράμματα περιήγησης και στο ρομπότ αναζήτησης Yandex τη διαδρομή προς το επιθυμητό αρχείο γραφικών. Το γεγονός είναι ότι το κινούμενο Favicon θα έχει επέκταση GIF και επομένως, στις γραμμές κώδικα θα χρειαστεί να γράψετε κάτι σαν αυτό:

Αυτή είναι η όλη διαφορά μεταξύ των κινούμενων favicon και των κανονικών. Ωστόσο, σημειώστε ότι το εικονίδιο με κίνηση θα λειτουργεί μόνο στο FireFox, ενώ σε άλλα προγράμματα περιήγησης θα είναι στατικό. Το Yandex, όταν φορτώνει το κινούμενο favicon σας, το μετατρέπει σε στατική μορφή PNG. Αλλά, κατά τη γνώμη μου, δεν αξίζει τον κόπο - η εγκατάσταση ενός κινούμενου αντί για ένα κανονικό μίνι λογότυπο για έναν ιστότοπο δεν έχει πολύ νόημα. Αλλά αυτό είναι μόνο το IMHO μου.

Καλή σου τύχη! Τα λέμε σύντομα στις σελίδες του ιστότοπου του ιστολογίου

Μπορείτε να παρακολουθήσετε περισσότερα βίντεο μεταβαίνοντας στο

Μπορεί να σας ενδιαφέρει

Ανάλυση ιστοσελίδων σε δωρεάν διαδικτυακές υπηρεσίες Pr-cy, Cy-pr, Be1, Xseo και άλλες
Ευχρηστία - πώς να κάνετε τον ιστότοπό σας βολικό για τους επισκέπτες και να προσπαθήσετε να τους κρατήσετε να διαβάζουν τα άρθρα σας για όσο το δυνατόν περισσότερο
Online πελάτης FTP Net2ftp και Google Alerts - χρήσιμες υπηρεσίες για webmasters
Εικονίδια, σήματα, φόντο, εικόνες και λογότυπα για τον ιστότοπο (διαδικτυακές υπηρεσίες IconFinder, Freepik, PSDGraphics και άλλες)

Το favicon είναι μια μικρή εικόνα που εμφανίζεται σε μια καρτέλα του προγράμματος περιήγησης. Τα Favicons μπορούν επίσης να εμφανιστούν στους σελιδοδείκτες του προγράμματος περιήγησης - αυτό γίνεται έτσι ώστε ο χρήστης να μπορεί να βρει γρήγορα τον επιθυμητό ιστότοπο. Παρά το μικρό του μέγεθος, το favicon είναι καθαρά ορατό και επιταχύνει σημαντικά την αναζήτηση για έναν ιστότοπο ή μια ιστοσελίδα. Για πρώτη φορά, η δυνατότητα τοποθέτησης ενός εικονιδίου δίπλα στο όνομα της τοποθεσίας εμφανίστηκε το 1999 στο πρόγραμμα περιήγησης Internet Explorer 5. Ταυτόχρονα, καθορίστηκε το ελάχιστο μέγεθος favicon - 16 επί 16 pixel. Με τον καιρό, αυτό το μέγεθος έγινε το πρότυπο και σήμερα είναι δύσκολο να φανταστεί κανείς έναν επαγγελματικά κατασκευασμένο ιστότοπο που δεν θα είχε favicon.

Οποιαδήποτε εικόνα ράστερ είναι κατάλληλη για τη δημιουργία favicon. Το κύριο πράγμα είναι να είναι αρκετά συνοπτικό, καθώς είναι δύσκολο να τοποθετήσετε μια σύνθετη εικόνα με πολλές λεπτομέρειες σε ένα τετράγωνο 16 επί 16 pixel. Μόλις επιλεγεί μια εικόνα, μπορείτε να χρησιμοποιήσετε μία από τις πολλές γεννήτριες favicon και να καταλήξετε με ένα εικονίδιο σε μορφή ISO. Αυτή η μορφή είναι τυπική, αν και σχεδόν όλα τα δημοφιλή προγράμματα περιήγησης υποστηρίζουν μορφές PNG, JPEG και GIF. ο ιστότοπος φέρνει στην προσοχή σας τις 10 καλύτερες γεννήτριες favicon.

Μια πολύ εύκολη στη χρήση γεννήτρια favicon. Ο χρήστης πρέπει απλώς να επιλέξει την επιθυμητή εικόνα και να κάνει κλικ στο κουμπί Δημιουργία Favicon. Το μέγεθος της εικόνας δεν πρέπει να υπερβαίνει τα 150 kilobyte. Μετά από αυτό, το favicon πρέπει να τοποθετηθεί στον ριζικό κατάλογο του ιστότοπου και η γραμμή κώδικα που δημιουργείται πρέπει να τοποθετηθεί οπουδήποτε μεταξύ Και. Χρησιμοποιώντας αυτήν τη γεννήτρια, μπορείτε να δημιουργήσετε εικονίδια σε μορφές JPG, GIF και PNG.

Αυτή η ηλεκτρονική γεννήτρια μετατρέπει εικόνες JPG, GIF και PNG σε μορφή ISO. Δεν υπάρχουν περιορισμοί στο μέγεθος του μεταφορτωμένου αρχείου. Μπορείτε να δημιουργήσετε favicon με μεγέθη 16 επί 16 και 32 επί 32 εικονοστοιχεία.

Η γεννήτρια Favicon Favicon δημιουργεί εικονίδια σε διάφορα μεγέθη. Εάν ξαφνικά χρειαστεί να δημιουργήσετε ένα μεγάλο εικονίδιο, για παράδειγμα, 64x64 pixel, υπάρχει μια τέτοια ευκαιρία. Αλλά είναι καλύτερα, φυσικά, να τηρούμε τα πρότυπα. Σύμφωνα με τους δημιουργούς του ιστότοπου, η γεννήτρια μετατρέπει πολύ καλά εικόνες, οι οποίες εμφανίζονται τέλεια σε όλα τα προγράμματα περιήγησης. Η χρήση του ιστότοπου είναι πολύ απλή - απλά πρέπει να κάνετε κλικ στο κουμπί αποστολής εικόνας και να επιλέξετε το επιθυμητό αρχείο. Το ελάχιστο μέγεθος μιας μεταφορτωμένης εικόνας είναι 32 επί 32 pixel.

Χρησιμοποιώντας αυτήν τη γεννήτρια, μπορείτε να δημιουργήσετε favicons ανεβάζοντας φωτογραφίες από τον υπολογιστή σας ή το Διαδίκτυο. Οι χρήστες έχουν επίσης την ευκαιρία να σχεδιάσουν οι ίδιοι ένα εικονίδιο – ο ιστότοπος διαθέτει ηλεκτρονικό πρόγραμμα επεξεργασίας. Για να ξεκινήσετε, πρέπει να επιλέξετε ένα χρώμα φόντου και στη συνέχεια να επεξεργαστείτε τα εικονοστοιχεία, βάφοντάς τα με χρώματα που έρχονται σε αντίθεση με το φόντο. Αφού δημιουργηθεί το εικονίδιο, μπορείτε να δείτε πώς θα φαίνεται στην καρτέλα. Εάν το αποτέλεσμα είναι ικανοποιητικό, τότε ο χρήστης πρέπει μόνο να επιλέξει το μέγεθος favicon (16x16 ή 32x32 pixel) και να κάνει κλικ στο κουμπί Λήψη. Η γεννήτρια θα δημιουργήσει ένα favicon σε μορφή ICO.

Η δωρεάν ηλεκτρονική γεννήτρια Freefavicon δημιουργεί favicon από εικόνες ράστερ σε μορφή GIF, PNG και JPEG. Οι δημιουργοί αυτού του εργαλείου συνιστούν τη χρήση απλών εικόνων για τη δημιουργία εικονιδίων, καθώς τα πολύπλοκα λογότυπα και τα γραφικά δεν εμφανίζονται καλά. Συνιστάται επίσης η χρήση τετράγωνων εικόνων, καθώς όταν η εικόνα κλιμακώνεται, η εικόνα παραμορφώνεται. Αφού επιλέξετε το επιθυμητό αρχείο, πρέπει να κάνετε κλικ στο Favicon Go! και κατεβάστε ένα αρχείο zip με ένα favicon. Στη συνέχεια, όλα είναι όπως συνήθως - η εικόνα είναι στη ρίζα και μια γραμμή κώδικα μεταξύ Και.

Η γεννήτρια Favicon.pro μετατρέπει αρχεία JPG, PNG και GIF σε ICO. Ο χρήστης μπορεί να δημιουργήσει εικονίδια 16x16, 32x32, 48x48, 64x64 και 128x128 pixel.

Σε αντίθεση με άλλες γεννήτριες, ο ιστότοπος δεν έχει τη δυνατότητα να δημιουργήσει ένα favicon ανεβάζοντας μια εικόνα από υπολογιστή ή από το Διαδίκτυο. Εδώ ο χρήστης μπορεί να ορίσει το χρώμα φόντου και να γράψει το όνομα του ιστότοπού του. Αξίζει να σημειωθεί ότι η γεννήτρια κάνει πολύ καθαρά εικονίδια - ακόμη και μια μικρή γραμματοσειρά, ύψους 6 pixel, είναι ευανάγνωστη. Ο ιστότοπος παρέχει επίσης πολύτιμες πληροφορίες που θα είναι πολύ χρήσιμες για αρχάριους προγραμματιστές ιστού. Υπάρχουν σύνδεσμοι για μετατροπείς εικόνας, φράκταλ και τυχαίες γεννήτριες κειμένου και πολλά άλλα.

Η γεννήτρια favicon Favicon.com έχει εξαιρετικά μινιμαλιστικό σχεδιασμό. Ζητείται από τον χρήστη να ανεβάσει μια εικόνα, να την περικόψει και να κατεβάσει το τελειωμένο εικονίδιο.

Χρησιμοποιώντας τη γεννήτρια Favicon.cc, μπορείτε να δημιουργήσετε όχι μόνο στατικά, αλλά και κινούμενα favicon. Μπορείτε να σχεδιάσετε μόνοι σας το εικονίδιο ή να μετατρέψετε οποιαδήποτε εικόνα σε ISO. Εάν ο χρήστης δεν έχει ιδέα πώς πρέπει να μοιάζει το εικονίδιο, τότε μπορείτε να δείτε τη συλλογή των καλύτερων favicons, η οποία είναι διαθέσιμη στον ιστότοπο.

Σήμερα, θα μιλήσουμε ξανά για εικόνες για το ιστολόγιο, δηλαδή για το εικονίδιο του έργου, που ονομάζεται favicon. Ας συζητήσουμε τι είναι ένα favicon, πώς να το φτιάξουμε και να το συνδέσουμε στον ιστότοπό μας. Και επίσης, τι μέγεθος θα πρέπει να είναι αυτή η εικόνα και γιατί ο καθένας από εσάς πρέπει, απλώς, να την εγκαταστήσει. Εξάλλου, ακόμη και αυτό το εικονίδιο μπορεί να επηρεάσει την επισκεψιμότητα στο ιστολόγιό σας.

Τι είναι το favicon;

Η έννοια του favicon είναι αρκετά απλή και σχηματίζεται από δύο λέξεις στα λατινικά (στην πραγματικότητα, όπως όλα τα άλλα στο Διαδίκτυο) - εικονίδιο αγαπημένων. Αυτό με τη σειρά του μπορεί να μεταφραστεί ως εικονίδιο ή σήμα. Το νόημα μπορεί να είναι κάπως έτσι. αγαπημένο εικονίδιο ή αγαπημένο. Γιατί αυτό το όνομα; Είναι απλό, τα αγαπημένα είναι απλώς το όνομα των σελιδοδεικτών στο πρόγραμμα περιήγησης, ώστε το όνομα να μπορεί να ερμηνευτεί ως εικόνα για έναν σελιδοδείκτη ή την καρτέλα του προγράμματος περιήγησης. Εξάλλου, δεν θα μπορούσατε να μην παρατηρήσετε ότι όταν ανοίγετε έναν ιστότοπο ή τον προσθέτετε στους σελιδοδείκτες σας, δεν βλέπουμε μόνο το όνομά του, αλλά και την εικόνα του, η οποία ονομάζεται favicon. Ελπίζω να μπόρεσα να εξηγήσω τι είδους ζώο είναι αυτό;

Γιατί μπορεί να χρειάζεστε ένα favicon;

Λοιπόν, όλα εδώ είναι τόσο απλά όσο ένα γογγύλι στον ατμό· ένα favicon είναι απαραίτητο για την εξατομίκευση ενός έργου στο Διαδίκτυο. Δηλαδή, ένα άλλο διακριτικό χαρακτηριστικό του ιστολογίου σας θα είναι αυτή η εικόνα, η οποία όχι μόνο θα κάνει πιο βολική τη χρήση του ιστότοπού σας σε ένα πρόγραμμα περιήγησης, αλλά επίσης, με τη σωστή προσέγγιση, θα αυξήσει τον αριθμό των επισκεπτών στο έργο σας.

Πρώτον, μπορεί να είναι βολικό σε ένα πρόγραμμα περιήγησης, γιατί; Για παράδειγμα, όταν έχω ανοιχτές πολλές καρτέλες, μπορώ να πλοηγηθώ από το εικονίδιο του ιστότοπου που χρειάζομαι αυτήν τη στιγμή. Δηλαδή, είναι βολικό για ανθρώπους σαν εμένα.

Δεύτερον, αυτή η εικόνα μπορεί να προσελκύσει περισσότερους επισκέπτες στον πόρο σας από τη μηχανή αναζήτησης Yandex εάν είναι ελκυστική και ξεχωρίζει μεταξύ άλλων, αλλά χωρίς φανατισμό. Χάρη στο γεγονός ότι η Yandex εισάγει ένα favicon στις πρώτες εννέα σελίδες των αποτελεσμάτων αναζήτησης, το ιστολόγιό σας θα είναι διαφορετικό από άλλα. Ακριβώς για αυτόν τον λόγο Αξίζει να σκεφτείτε να συνδέσετε ένα favicon στο έργο σας. Έτσι μοιάζουν οι πρώτες σελίδες αναζήτησης.

Φτιάξτε ένα faviconδεν θα είναι δύσκολο, επειδή υπάρχει ένας τεράστιος αριθμός γεννητριών στο δίκτυο που μπορούν να φτιάξουν ένα favicon από συνηθισμένες εικόνες και να το κάνουν εφικτό να το σχεδιάσετε από την αρχή μόνοι σας. Μπορείτε επίσης να δημιουργήσετε μια εικόνα χρησιμοποιώντας το Photoshop και, στη συνέχεια, να χρησιμοποιήσετε γεννήτριες για να τη μετατρέψετε στην επιθυμητή μορφή.

Οι διαφορές μεταξύ κανονικών εικόνων και εικονιδίων είναι μικρές, αλλά υπάρχουν. Η εικόνα πρέπει να είναι απλή (τα σύνθετα γραφικά στοιχεία θα είναι δύσκολο να φανούν), να έχει μέγεθος 16x16 pixel και να είναι σε μορφή ico. Μπορείτε, φυσικά, να χρησιμοποιήσετε μορφές png ή gif, αλλά τέτοιες εικόνες δεν θα εμφανίζονται σε όλα τα προγράμματα περιήγησης, επομένως η καλύτερη επιλογή είναι να χρησιμοποιήσετε τη μορφή ico.

Δεν βλέπω το νόημα να σας λέω σε κάθε βήμα πώς να φτιάξετε αυτό το εικονίδιο, γιατί όλοι μπορούν να το χειριστούν. Το κύριο πράγμα είναι να ληφθούν υπόψη οι απαιτήσεις για τις εικόνες και όλα θα λειτουργήσουν. Με λίγα λόγια, κατεβάστε ή σχεδιάστε μια εικόνα και δημιουργήστε ένα favicon χρησιμοποιώντας ηλεκτρονικές γεννήτριες. Οι ηλεκτρονικές γεννήτριες μπορούν να βρεθούν πληκτρολογώντας στην αναζήτηση Google ή Yandex - favicon. Ή εδώ είναι ένας σύνδεσμος προς μια υπηρεσία με την οποία μπορείτε να σχεδιάσετε από την αρχή ή να φτιάξετε ένα favicon από μια ολοκληρωμένη εικόνα: http://favicon.ru/

Πώς να συνδέσετε ένα favicon για έναν ιστότοπο;

Εντάξει, το εικονίδιο είναι έτοιμο, τώρα πώς μπορώ να ξεκινήσω τα προγράμματα περιήγησης εμφάνιση favicon για τον ιστότοπο?

Αφού χρησιμοποιήσετε την υπηρεσία, κατεβάστε το έτοιμο εικονίδιο για το ιστολόγιό σας στον υπολογιστή σας. Και ανεβάστε την εικόνα χρησιμοποιώντας έναν πελάτη FTP στον ριζικό φάκελο του ιστολογίου (public_html/site/your_file_in_ico_format) ή σε οποιοδήποτε άλλο. Αλλά είναι καλύτερο να μεταβείτε στον ριζικό φάκελο, είναι απλώς πιο εύκολο κατά τη μεταγλώττιση της διαδρομής προς το αρχείο.

Λοιπόν, το αρχείο μεταφορτώνεται, τι μετά; Τώρα, μπορείτε να ελέγξετε εάν αμφιβάλλετε ότι το αρχείο έχει μεταφορτωθεί στον ριζικό φάκελο: your_site/favicon.ico. Εάν γίνει λήψη του αρχείου στον ριζικό φάκελο, τότε θα εμφανιστεί σε αυτή τη διεύθυνση. Στη συνέχεια, πρέπει να γράψετε για κάθε σελίδα του πόρου μεταξύ των ετικετών Καιτον παρακάτω κωδικό:

Και αν το εικονίδιο βρίσκεται σε διαφορετικό φάκελο, τότε θα πρέπει να είναι έτσι:

Αυτός ο κωδικός θεωρείται γενικά αποδεκτός για πολλούς πόρους του Διαδικτύου και θα λειτουργεί σε οποιονδήποτε κινητήρα. Αλλά μπορείτε να το γράψετε διαφορετικά για διαφορετικούς κινητήρες. Για παράδειγμα, για το WordPress, αυτός ο κώδικας θα μοιάζει με αυτό:

/favicon.ico" />

Μόνο, σε αυτήν την επιλογή, το εικονίδιο πρέπει να βρίσκεται στο φάκελο με το πρότυπο. Για παράδειγμα (public_html/site/wp-content/themes/your-theme/favicon.ico).

Μετά από αυτά τα βήματα favicon για τον ιστότοποθα αρχίσει να λειτουργεί και μπορείτε να το δείτε στις καρτέλες του προγράμματος περιήγησής σας. Αλλά στα αποτελέσματα αναζήτησης του Yandex, το αρχείο δεν θα εμφανιστεί αμέσως· πρέπει πρώτα να περιμένετε έως ότου το ρομπότ Yandex ευρετηριάσει το εικονίδιο και μόνο μετά από αυτό θα αρχίσει να εμφανίζεται στα αποτελέσματα αναζήτησης και, στη συνέχεια, μόνο υπό την προϋπόθεση ότι το ιστολόγιό σας είναι ενεργοποιημένο μία από τις πρώτες εννέα σελίδες των αποτελεσμάτων αναζήτησης.

Αυτό είναι όλο. Αν κάτι δεν είναι ξεκάθαρο, ρωτήστε και θα το καταλάβουμε. Τα λέμε!