Πώς να εγκαταστήσετε ένα favicon για την ιστοσελίδα σας;

Favicon - μια συντομογραφία του «εκλεκτού εικονίδιο» (μεταφρασμένο στα αγγλικά). Το όνομα προέρχεται από τη λίστα με τους σελιδοδείκτες του Internet Explorer, η οποία ονομάζεται «Αγαπημένα» / «Αγαπημένα». Όταν προσθέτετε μια τοποθεσία στα αγαπημένα σας Explorer (έκδοση 5 και πάνω) αναφέρεται στο server με την αίτηση, αν η favicon.ico αρχείο πόρου. Αν υπάρχει ένα τέτοιο αρχείο, θα πρέπει να χρησιμοποιηθεί για να παρέχει ένα εικονίδιο που εμφανίζεται δίπλα στο κείμενο σελιδοδείκτη.

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

Τα εικονίδια στις καρτέλες του προγράμματος περιήγησης

Οι περισσότεροι χρήστες τείνουν να έχουν πολλές καρτέλες ανοικτές στο παράθυρο του browser. Με την αύξηση του αριθμού των καρτελών κρυμμένα sites όνομα. Favicon βοηθά το χρήστη να εντοπίσει τη σύνδεση και γρήγορα να μεταβείτε στην καρτέλα που θέλετε να ανοίξετε.

Επιπλέον, εάν ένας χρήστης θέλει να προσθέσει το αγαπημένο site σας στην επιφάνεια εργασίας σας στην κινητή συσκευή σας, θα χρησιμοποιηθεί το εικονίδιο. Ως εκ τούτου, είναι πάντα απαραίτητο να επιλέξετε την εικόνα πριν από το σύνολο favicon. Αυτό το εικονίδιο ιστοσελίδα εμφανίζεται ως εικονίδιο της εφαρμογής στην επιφάνεια εργασίας, το tablet ή το smartphone.

Πώς να δημιουργήσετε ένα favicon;

Για να δημιουργήσετε ένα favicon.ico, το μόνο που χρειάζεται για να σώσει το 16x16 PNG αρχείο και να το μετατρέψει σε ένα εικονίδιο πόρων png2ico. Κατά την απόλυτη διακριτική της ευχέρεια, μπορείτε να προσθέσετε διαφορετικές εικόνες στο ίδιο εικονίδιο για να παρέχει εναλλακτικές λύσεις. Τα περισσότερα προγράμματα περιήγησης χρησιμοποιούνται μόνο 16x16 μορφή για τέτοιες εικόνες, αλλά σε διαφορετικό πλαίσιο (π.χ., σύροντας τη διεύθυνση URL στη γραμμή διευθύνσεων στην επιφάνεια εργασίας) μεγάλη εικόνα μπορεί να εμφανίζεται στην εικόνα. Εάν ο πόρος περιέχει μόνο 16x16 εικονίδιο εικόνας, θα κλιμακωθεί στο επιθυμητό μέγεθος, τόσο από τεχνική άποψη δεν χρειάζεται να προσθέσετε εναλλακτικές λύσεις. Ωστόσο, αυτό μπορεί να βελτιώσει την ποιότητα της εικόνας. Προτού εγκαταστήσετε το favicon στην ιστοσελίδα σας, να είστε βέβαιος να ελέγξει έξω τι μοιάζει η εικόνα σε διάφορα μεγέθη.

Λάβετε υπόψη ότι για ένα χρήστη με μια αργή favicon σύνδεση στο Internet μπορεί να αυξήσει το χρόνο φόρτωσης της σελίδας για λίγα δευτερόλεπτα. Αυτό είναι εφικτό, εάν το αρχείο εικόνας είναι πολύ μεγάλο, γι 'αυτό μην το παρακάνετε. Προσθέτοντας ένα 32x32 εναλλακτικές λύσεις μορφή θα πρέπει να είναι αρκετό για να ξεκινήσει η εικόνα φαίνονται καλά, ακόμα και σε περιπτώσεις με μεγάλα εικονίδια. Χρησιμοποιώντας ένα μεγαλύτερο αριθμό επιλογών - είναι μπόνους πραγματοποιείται μόνο κατόπιν αιτήσεως του site του προγραμματιστή. Προσπαθήστε να κρατήσετε τον αριθμό των χρωμάτων στο 16 και να δημιουργήσει εικονίδιο 16-χρωμάτων με png2ico (ή ακόμα και μαύρο και άσπρο εικονίδιο). Αυτό θα κρατήσει ένα μικρότερο αρχείο που φορτώνει γρηγορότερα.

Κατά τη δημιουργία μιας εικόνας για να προσθέσετε το favicon.ico δεν θα πρέπει να ξεχνάμε ότι οι εικόνες μπορούν να εμφανιστούν σε διαφορετικό χρώμα φόντου. Για το λόγο αυτό, είναι καλύτερο να χρησιμοποιήσετε μια διαφανή και όχι ένα στερεό υπόβαθρο. Σκεφτείτε πολύ και σκληρά για το πώς να εγκαταστήσετε το πιο favicon σωστά, ότι ήταν σε αρμονία με οποιοδήποτε υπόβαθρο. Θα πρέπει να σημειωθεί ότι είναι δυνατό να ρυθμίσετε ενδιάμεσες τιμές, οι οποίες μετρώνται σε ποσοστά. Οι ειδικοί λένε ότι το ιδανικό είναι να δημιουργηθεί, η οποία περιλαμβάνει περίπου το 30-40% της διαφάνειας φόντο.

Μπορείτε να χρησιμοποιήσετε το λογότυπο της μάρκας σας, ένα σύμβολο θέμα ζωής ή το αγαπημένο εικόνα για να κάνετε το εικονίδιο προσαρμοσμένη ιστοσελίδα σας. Το συνιστώμενο μέγεθος για favicon - τουλάχιστον 512 pixels σε πλάτος και ύψος. Η εικόνα πρέπει να είναι τετράγωνο, αλλά μπορείτε να χρησιμοποιήσετε ένα μεγάλο ορθογώνιο εικόνες. Πολλοί κινητήρες σας επιτρέπουν να περικόψετε την εικόνα, όταν το προσθέσετε (οπότε μην ανησυχείτε για το πώς να εγκαταστήσετε ένα favicon για το SMF, με τη μορφή της μεγάλης εικόνας).

Δημιουργία εικονίδια με το «Photoshop»

Οι ειδικοί συστήνουν τη χρήση της επεξεργασίας εικόνας, για παράδειγμα, το Adobe Photoshop ή το GIMP. Αυτό θα δημιουργήσει ένα favicon ακριβώς 512 × 512 pixels. Έτσι, μπορείτε να αποθηκεύσετε τις ακριβείς αναλογίες της εικόνας, χρησιμοποιήστε μια διαφανή εικόνα, ή συμπληρώστε το φόντο της επιλογής σας. Αυτή η εικόνα μπορεί να είναι σε μορφή PNG, JPEG ή GIF. Στη συνέχεια θα πρέπει να καθορίσει πώς να εγκαταστήσετε ένα favicon για το site σας.

Γιατί πρέπει να προσθέσετε στο site;

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

Πώς να εγκαταστήσετε ένα favicon για την ιστοσελίδα html σας

Για να προσθέσετε νέο favicon σας στην ιστοσελίδα σας, πρέπει να το εγκαταστήσετε σε έναν διακομιστή στον ίδιο φάκελο όπου η ιστοσελίδα (π.χ., www.example.com/foo/favicon.ico για www.example.com/foo/index. html). Αυτό είναι τα δεδομένα που είναι στην πρώτη θέση οποιοδήποτε πρόγραμμα περιήγησης θα δούμε για τη λήψη. Εάν δεν μπορείτε να βρείτε το εικονίδιο, στη συνέχεια, ελέγξτε τον κατάλογο ανώτατου επιπέδου του διακομιστή (www.example.com/favicon.ico για www.example.com σε έναν server). Για το λόγο αυτό, αν έχετε ορίσει εκεί, θα είστε σε θέση να έχει το προεπιλεγμένο εικονίδιο για όλες τις σελίδες του τομέα σας. Ανάλογα με τη διαμόρφωση του προγράμματος περιήγησης και, favicon δεν εμφανίζεται πάντα, ακόμη και αν είναι σε μια από τις παραπάνω θέσεις και η ιστοσελίδα που βλέπει.

Για να εγγραφείτε στην παρουσία της σελίδας κώδικα favicon, μπορείτε να προσθέσετε τις ακόλουθες δύο γραμμές στο :

Πώς να προσθέσετε ένα favicon για WordPress Blog

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

Πώς να προσθέσετε ένα favicon στο WordPress

Ξεκινώντας με το WordPress 4,3 έκδοση μπορείτε να προσθέσετε ένα favicon στην περιοχή διαχειριστή του site. Απλά πηγαίνετε στο «Θέα» / «Ρυθμίσεις» και επιλέξτε την καρτέλα «Site».

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

Προσθέτοντας ένα favicon στο blog σας

Περαιτέρω οδηγίες για το πώς να ρυθμίσετε το favicon είναι ως εξής. Εάν η εικόνα που ανεβάζετε υπερβαίνει το συνιστώμενο μέγεθος, τότε WordPress θα σας επιτρέψει να το περικόψετε. Αν ταιριάζει με τις προτεινόμενες ρυθμίσεις, μπορείτε απλά να αποθηκεύσετε τις αλλαγές σας. Θα πρέπει να σημειωθεί ότι οι οδηγίες για το πώς να εγκαταστήσετε το favicon στο site Joomla, μοιάζει με τον ίδιο τρόπο.

Μετά από αυτό, όταν προβάλλετε την ιστοσελίδα θα δείτε favicon σας σε δράση. Μπορείτε επίσης να πάτε στο site από μια κινητή συσκευή, και στη συνέχεια επιλέξτε «Λήψη πλήρους έκδοσης» από το μενού του προγράμματος περιήγησης. Θα παρατηρήσετε ότι το εικονίδιο θα εμφανίζεται ως ένα ολοκληρωμένο επιτραπέζιο υπολογιστή.

Πώς να εγκαταστήσετε το WordPress favicon για την παλιά έκδοση (4.2 ή νεότερη έκδοση)

Ανεβάστε το δικό σας favicon στο ριζικό κατάλογο στο FTP. Στη συνέχεια, μπορείτε να τοποθετήσετε αυτόν τον κώδικα στο αρχείο header.php επιθυμητό θέμα.

Αντικαταστήστε wpbeginner.com στην διεύθυνση της ιστοσελίδας σας, και όλα θα γίνουν. Εάν το blog σας δεν έχει ένα αρχείο header.php, ή δεν μπορείτε να το βρείτε, τότε χρησιμοποιήστε ένα ειδικό βύσμα. Εγκαταστήσετε και να ενεργοποιήσετε το στις ρυθμίσεις του site. Μετά την ενεργοποίηση του plugin, πηγαίνετε στο «Ρυθμίσεις», μεταβείτε στο «Τοποθέτηση κεφαλίδες και υποσέλιδα», ανατρέξτε στην καρτέλα «Κωδικός ασφαλείας» πάνω στο τμήμα κεφαλίδα, και να αποθηκεύσετε τις ρυθμίσεις.

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