Το πρόγραμμα για τη δημιουργία favicon στο διαδίκτυο. Τι είναι το favicon; Favicons σε μορφή κανονικής εικόνας
Αναπόσπαστο μέρος των σύγχρονων ιστοτόπων είναι το Favicon, το οποίο σας επιτρέπει να προσδιορίσετε γρήγορα έναν συγκεκριμένο πόρο στη λίστα των καρτελών του προγράμματος περιήγησης. Είναι επίσης δύσκολο να φανταστεί κανείς ένα πρόγραμμα υπολογιστή χωρίς τη δική του μοναδική ετικέτα. Ταυτόχρονα, οι ιστότοποι και το λογισμικό σε αυτήν την περίπτωση ενώνονται με μια όχι εντελώς προφανή λεπτομέρεια - και τα δύο χρησιμοποιούν εικονίδια σε μορφή ICO.
Αυτές οι μικρές εικόνες μπορούν να δημιουργηθούν χρησιμοποιώντας ειδικά προγράμματα ή διαδικτυακές υπηρεσίες. Παρεμπιπτόντως, τα τελευταία είναι πολύ πιο δημοφιλή για τέτοιους σκοπούς και θα εξετάσουμε έναν αριθμό τέτοιων πόρων σε αυτό το άρθρο.
Η εργασία με γραφικά δεν είναι η πιο δημοφιλής κατηγορία υπηρεσιών web, αλλά όταν πρόκειται για τη δημιουργία εικονιδίων, σίγουρα υπάρχουν πολλά για να διαλέξετε. Με βάση την αρχή της λειτουργίας, τέτοιοι πόροι μπορούν να χωριστούν σε αυτούς στους οποίους σχεδιάζετε μόνοι σας την εικόνα και σε ιστότοπους που σας επιτρέπουν να μετατρέψετε μια έτοιμη εικόνα σε ICO. Αλλά βασικά όλες οι γεννήτριες εικονιδίων προσφέρουν και τα δύο.
Μέθοδος 1: X-Icon Editor
Αυτή η υπηρεσία είναι η πιο λειτουργική λύση για τη δημιουργία εικόνων ICO. Η εφαρμογή web σάς επιτρέπει να σχεδιάσετε το εικονίδιο λεπτομερώς με μη αυτόματο τρόπο ή να χρησιμοποιήσετε μια έτοιμη εικόνα. Το κύριο πλεονέκτημα του εργαλείου είναι η δυνατότητα εξαγωγής εικόνων με ανάλυση έως και 64x64.
Έτσι, εάν πρέπει να δημιουργήσετε ένα ολόκληρο σύνολο πανομοιότυπων εικονιδίων διαφορετικών μεγεθών, δεν θα βρείτε τίποτα καλύτερο από το X-Icon Editor για αυτούς τους σκοπούς.
Μέθοδος 2: Favicon.ru
Εάν πρέπει να δημιουργήσετε ένα εικονίδιο favicon με ανάλυση 16x16 για έναν ιστότοπο, η ρωσική διαδικτυακή υπηρεσία Favicon.ru μπορεί επίσης να χρησιμεύσει ως εξαιρετικό εργαλείο. Όπως και με την προηγούμενη λύση, εδώ μπορείτε είτε να σχεδιάσετε ένα εικονίδιο μόνοι σας, χρωματίζοντας κάθε pixel ξεχωριστά, είτε να δημιουργήσετε ένα favicon από μια ολοκληρωμένη εικόνα.
Ως αποτέλεσμα, ένα αρχείο με την επέκταση ICO αποθηκεύεται στον υπολογιστή σας, το οποίο είναι μια εικόνα 16x16 pixel. Η υπηρεσία είναι ιδανική για όσους χρειάζονται μόνο να μετατρέψουν μια εικόνα σε ένα μικρό εικονίδιο. Ωστόσο, το να δείξετε τη φαντασία σας στο Favicon.ru δεν απαγορεύεται καθόλου.
Μέθοδος 3: Favicon.cc
Παρόμοιο με το προηγούμενο τόσο ως προς το όνομα όσο και ως προς την αρχή λειτουργίας, αλλά μια ακόμα πιο προηγμένη γεννήτρια εικονιδίων. Εκτός από τη δημιουργία κανονικών εικόνων 16x16, η υπηρεσία σάς επιτρέπει να σχεδιάζετε εύκολα ένα κινούμενο favicon.ico για τον ιστότοπό σας. Επιπλέον, ο πόρος περιέχει χιλιάδες προσαρμοσμένα εικονίδια διαθέσιμα για δωρεάν λήψη.
Εάν η διεπαφή στην αγγλική γλώσσα δεν σας ενοχλεί, τότε δεν υπάρχουν απολύτως επιχειρήματα υπέρ της εργασίας με την προηγούμενη υπηρεσία. Εκτός από το γεγονός ότι το Favicon.cc μπορεί να δημιουργήσει κινούμενα εικονίδια, ο πόρος αναγνωρίζει επίσης σωστά τη διαφάνεια στις εισαγόμενες εικόνες, κάτι που δυστυχώς στερείται από το αντίστοιχο στη ρωσική γλώσσα.
Μέθοδος 4: Favicon.by
Μια άλλη επιλογή για μια γεννήτρια favicon για ιστότοπους. Είναι δυνατή η δημιουργία ενός εικονιδίου από την αρχή ή με βάση μια συγκεκριμένη εικόνα. Μεταξύ των διαφορών, μπορούμε να επισημάνουμε τη λειτουργία εισαγωγής εικόνων από πόρους ιστού τρίτων και μια αρκετά κομψή, λακωνική διεπαφή.
Γενικά, δεν υπάρχουν διαφορές στην εργασία με τις υπηρεσίες που έχουν ήδη συζητηθεί σε αυτό το άρθρο, ωστόσο, ο πόρος Favicon.by αντιμετωπίζει πολύ καλύτερα τη μετατροπή εικόνων σε ICO και αυτό είναι πολύ εύκολο να το παρατηρήσετε.
Μέθοδος 5: Online-Μετατροπή
Είναι πιθανό ότι γνωρίζετε ήδη αυτόν τον ιστότοπο ως έναν ουσιαστικά παμφάγο διαδικτυακό μετατροπέα αρχείων. Αλλά δεν γνωρίζουν όλοι ότι αυτό είναι ένα από τα καλύτερα εργαλεία για τη μετατροπή οποιωνδήποτε εικόνων σε ICO. Ως αποτέλεσμα, μπορείτε να λάβετε εικονίδια με ανάλυση έως και 256x256 pixel.
Όπως μπορείτε να δείτε, η δημιουργία ενός εικονιδίου ICO χρησιμοποιώντας τον ιστότοπο Online-Convert δεν είναι καθόλου δύσκολη και μπορεί να γίνει με μερικά μόνο κλικ του ποντικιού.
Τώρα ένα εικονίδιο προσωπικής τοποθεσίας - Favicon - είναι ένα είδος επαγγελματικής κάρτας οποιουδήποτε πόρου Ιστού. Αυτό το εικονίδιο επισημαίνει την επιθυμητή πύλη όχι μόνο στη λίστα των καρτελών του προγράμματος περιήγησης, αλλά και, για παράδειγμα, στα αποτελέσματα αναζήτησης του Yandex. Το Favicon, κατά κανόνα, δεν εκτελεί άλλες λειτουργίες εκτός από την αύξηση της αναγνωρισιμότητας του ιστότοπου.
Η δημιουργία ενός εικονιδίου για τον δικό σας πόρο είναι αρκετά απλή: βρίσκετε μια κατάλληλη εικόνα ή τη σχεδιάζετε μόνοι σας χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας γραφικών και, στη συνέχεια, συμπιέζετε την εικόνα στο επιθυμητό μέγεθος - συνήθως 16x16 pixel. Αποθηκεύστε το αποτέλεσμα που προκύπτει στο αρχείο favicon.ico και τοποθετήστε το στον ριζικό φάκελο του ιστότοπου. Αλλά αυτή η διαδικασία μπορεί να απλοποιηθεί σημαντικά χρησιμοποιώντας μία από τις γεννήτριες Favicon που είναι διαθέσιμες στο Διαδίκτυο.
Τα περισσότερα προγράμματα επεξεργασίας εικονιδίων ιστού προσφέρουν όλα τα απαραίτητα εργαλεία για τη δημιουργία Favicons. Σε αυτή την περίπτωση, δεν είναι απαραίτητο να σχεδιάσετε μια εικόνα από την αρχή - μπορείτε να χρησιμοποιήσετε μια έτοιμη εικόνα.
Μέθοδος 1: Favicon.by
Ρωσική γλώσσα σε απευθείας σύνδεση γεννήτρια favicon: απλή και οπτική. Σας επιτρέπει να σχεδιάσετε μόνοι σας ένα εικονίδιο χρησιμοποιώντας τον ενσωματωμένο καμβά 16x16 και μια ελάχιστη λίστα εργαλείων, όπως μολύβι, γόμα, σταγονόμετρο και γέμισμα. Υπάρχει μια παλέτα με όλα τα χρώματα RGB και υποστήριξη διαφάνειας.
Εάν θέλετε, μπορείτε να ανεβάσετε μια ολοκληρωμένη εικόνα στη γεννήτρια - από τον υπολογιστή σας ή από έναν πόρο Ιστού τρίτου κατασκευαστή. Η εισαγόμενη εικόνα θα τοποθετηθεί επίσης στον καμβά και θα είναι διαθέσιμη για επεξεργασία.
Ως αποτέλεσμα, λαμβάνετε ένα γραφικό αρχείο ICO που ονομάζεται favicon και ανάλυση 16x16 pixel. Αυτό το εικονίδιο είναι ήδη έτοιμο για χρήση ως εικονίδιο για τον ιστότοπό σας.
Μέθοδος 2: Επεξεργαστής εικονιδίων X
Μια εφαρμογή προγράμματος περιήγησης HTML5 που σας επιτρέπει να δημιουργείτε λεπτομερή εικονίδια μεγέθους έως 64x64 pixel. Σε αντίθεση με την προηγούμενη υπηρεσία, το X-Icon Editor διαθέτει περισσότερα εργαλεία σχεδίασης και καθένα από αυτά μπορεί να διαμορφωθεί με ευελιξία.
Όπως και στο Favicon.by, εδώ μπορείτε να ανεβάσετε μια ολοκληρωμένη εικόνα στον ιστότοπο και να τη μετατρέψετε σε favicon, επεξεργάζοντάς την σωστά εάν χρειάζεται.
Εάν θέλετε να διατηρήσετε τις λεπτομέρειες μιας εικόνας που σκοπεύετε να μετατρέψετε σε favicon, το X-Icon Editor είναι ιδανικό για αυτό. Η δυνατότητα δημιουργίας εικονιδίων με ανάλυση 64x64 pixel είναι το κύριο πλεονέκτημα αυτής της υπηρεσίας.
Αυτό το μάθημα καλύπτει τη δημιουργία ενός Favicon, θα μάθετε γιατί χρειάζεται αυτό το εικονίδιο και θα λάβετε συστάσεις για τη βελτίωση της εμφάνισης και της ελκυστικότητάς του.
Επιπλέον, θα εξετάσουμε τη διαδικασία δημιουργίας και προσθήκης Favicon για έναν ιστότοπο.
Favicon- αυτό είναι ένα μικρό εικονίδιο που μπορείτε να δείτε στη γραμμή διευθύνσεων του προγράμματος περιήγησής σας και στις καρτέλες των ανοιχτών σελίδων και όταν προσθέτετε έναν ιστότοπο στους σελιδοδείκτες του προγράμματος περιήγησής σας, αυτό το εικονίδιο προστίθεται επίσης εκεί.
Επιπλέον, η μηχανή αναζήτησης Yandex εμφανίζει ένα εικονίδιο Favicon στα αποτελέσματα αναζήτησης δίπλα στον ιστότοπό σας. Ο στόχος σας είναι να κάνετε αυτό το εικονίδιο να ξεχωρίζει, να το θυμάστε, να τραβήξετε τα βλέμματα στο φόντο άλλων εικονιδίων στα αποτελέσματα αναζήτησης και επίσης να έχετε κάποιες συσχετίσεις με τον ιστότοπό σας. Ένα όμορφα σχεδιασμένο και εντυπωσιακό Favicon μπορεί να αυξήσει σημαντικά τον αριθμό των επισκέψεων στον ιστότοπό σας σε σύγκριση με εκείνες που δεν το έχουν εγκαταστήσει ή έχουν μη ελκυστική εμφάνιση.
Ακολουθούν ορισμένες οδηγίες που πρέπει να λάβετε υπόψη κατά τη δημιουργία ενός Favicon.
#1. Το εικονίδιο θα πρέπει να είναι εύκολα αναγνωρίσιμο και να έχει συσχετισμούς με τον ιστότοπό σας ή με τη θέση στην οποία ανήκει ο ιστότοπός σας. Ως εικονίδιο, μπορείτε να χρησιμοποιήσετε ένα λογότυπο ή σύμβολο που προκαλεί συσχέτιση με τον ιστότοπό σας. Επιπλέον, μπορείτε να χρησιμοποιήσετε τον συνδυασμό χρωμάτων στον οποίο δημιουργήθηκε ο ιστότοπος ή το λογότυπό σας.
#2. Μην χρησιμοποιείτε τυπικά εικονίδια. Πολλοί άνθρωποι, αφού δημιουργήσουν έναν ιστότοπο σε ένα ή άλλο CMS, εγκαταλείπουν το εικονίδιο χωρίς να αλλάξουν τίποτα. Ως αποτέλεσμα, τα αποτελέσματα της μηχανής αναζήτησης μπορεί να περιέχουν όχι έναν ιστότοπο με ένα τέτοιο εικονίδιο, αλλά πολλούς. Αυτό δεν θα κάνει τον ιστότοπό σας να ξεχωρίζει, γι' αυτό χρησιμοποιήστε μόνο μοναδικά Favicons που έχουν δημιουργηθεί ειδικά για τον ιστότοπό σας. Αυτό περιλαμβάνει επίσης την κατάσταση όταν χρησιμοποιούνται εικονίδια από διάφορες συλλογές ή στοιχεία διεπαφής άλλων τοποθεσιών. Θυμηθείτε, για να ξεχωρίσετε χρειάζεστε ένα μοναδικό Favicon.
#3. Όταν δημιουργείτε ένα εικονίδιο, προσπαθήστε να χρησιμοποιήσετε πιο φωτεινά και ανοιχτά χρώματα κατά κανόνα, προσελκύουν περισσότερη προσοχή.
#4. Μην χρησιμοποιείτε κινούμενα εικονίδια. Πρώτον, το animation δεν υποστηρίζεται από όλα τα προγράμματα περιήγησης και, δεύτερον, η προσοχή του επισκέπτη πρέπει να εστιάζεται στο περιεχόμενο και όχι στο εικονίδιο.
Τώρα ας δούμε απευθείας τη διαδικασία δημιουργίας ενός Favicon. Υπάρχουν πολλές υπηρεσίες για αυτό. Ωστόσο, ταιριάζουν περισσότερο σε όσους έχουν ήδη ένα έτοιμο εικονίδιο που το έσκισαν κάπου ή το πήραν από κάποια συλλογή. Αλλά όπως είπα παραπάνω, το εικονίδιο πρέπει να είναι μοναδικό, οπότε εδώ θα εξετάσω τη διαδικασία δημιουργίας του χρησιμοποιώντας το Photoshop, χρησιμοποιώντας το παράδειγμα ενός ιστότοπου.
Δημιουργία προκαθορισμένου Favicon στο Photoshop
#1. Δημιουργήστε ένα νέο έγγραφο στο Photoshop διαστάσεων 64*64 px, για να το κάνετε αυτό, μεταβείτε στο μενού "Αρχείο" >> "Νέο..." ή πατήστε τη συντόμευση πληκτρολογίου Ctrl+N. Σε γενικές γραμμές, το ίδιο το εικονίδιο θα πρέπει να είναι 16 * 16 εικονοστοιχεία, αλλά είναι καλύτερο να το δημιουργήσετε πρώτα στο ίδιο μέγεθος και στη συνέχεια να το μειώσετε στο απαιτούμενο μέγεθος.
#2. Στην περίπτωσή μου, δεν έχω κανένα λογότυπο για τον ιστότοπο, γι' αυτό αποφάσισα να χρησιμοποιήσω το σύμβολο "W" με το οποίο ξεκινά η διεύθυνση του ιστότοπου, καθώς και τα χρώματα που κυριαρχούν στην κορυφή του ιστότοπου: μπλε και κίτρινο. Οπότε έβαλα το χρώμα στο #6A91D0 και χρησιμοποίησα το εργαλείο Bucket (G) για να δώσω στο έγγραφο που δημιουργήθηκε προηγουμένως ένα μπλε χρώμα.
#3. Μετά από αυτό, επέλεξα το Εργαλείο Τύπου (T), πρόσθεσα ένα σύμβολο "W" και του έδωσα την ακόλουθη τιμή χρώματος #FAC31D.
Για να κάνω το σύμβολο να ξεχωρίζει περισσότερο στο μπλε φόντο, πρόσθεσα μια μαύρη διαδρομή 2 px σε αυτό. Για να το κάνετε αυτό, πρέπει να μεταβείτε στο στοιχείο μενού "Layer" >> "Layer Style" >> "Stroke", επιλέξτε το χρώμα και το μέγεθος της διαδρομής.
Μετά από αυτό πρέπει να συγχωνεύσετε τα επίπεδα, για να το κάνετε αυτό πρέπει να μεταβείτε στο στοιχείο μενού "Επίπεδο" >> "Ορατό συγχώνευση"ή πατήστε το συνδυασμό πλήκτρων Shift + Ctrl + E.
Για να κάνω τις γραμμές ομαλές χωρίς σερίφ, πρόσθεσα ένα blur. Για να το κάνετε αυτό, πρέπει να μεταβείτε στο στοιχείο μενού "Filter" >> "Blur" >> "Gaussian Blur..."και ορίστε την ακτίνα στα 0,3 pixel.
Τοποθετήστε το σύμβολο ή την εικόνα σας έτσι ώστε να πιάνει όσο το δυνατόν περισσότερο χώρο, γιατί αν είναι μικρό, τότε με μέγεθος εικονιδίου 16*16 δεν θα είναι αντιληπτό.
#4. Τώρα πρέπει να αλλάξετε το μέγεθος του εικονιδίου. Για να το κάνετε αυτό, πρέπει να μεταβείτε στο μενού "Εικόνα" >> "Μέγεθος εικόνας"και ορίστε το μέγεθος σε 16*16px.
#5. Το μόνο που μένει είναι να αποθηκεύσετε το εικονίδιο. Το εικονίδιο Favicon πρέπει να έχει το όνομα favicon και την επέκταση .ico. Το θέμα είναι ότι από προεπιλογή το Photoshop δεν αποθηκεύει εικόνες σε μορφή .ico. Επομένως, αποθηκεύστε το σε μορφή .png, για να το κάνετε αυτό, μεταβείτε στο στοιχείο μενού "Αρχείο" >> "Αποθήκευση ως..." και επιλέξτε PNG από την αναπτυσσόμενη λίστα.
Μετατροπή εικόνας σε μορφή .ICO
Μετά από αυτό, το μετατρέπουμε σε μορφή .ico χρησιμοποιώντας το . Μεταβείτε σε αυτήν την υπηρεσία και χρησιμοποιήστε το κουμπί "Αναζήτηση" για να επιλέξετε ένα αρχείο που έχετε αποθηκεύσει προηγουμένως σε μορφή PNG και, στη συνέχεια, κάντε κλικ στο κουμπί "Δημιουργία favicon.ico".
Μετά από αυτό, ο σύνδεσμος "Λήψη favicon.ico!" θα εμφανιστεί στη σελίδα φόρτωσης. κάνοντας κλικ στο οποίο μπορείτε να αποθηκεύσετε το τελειωμένο εικονίδιο Favicon στον υπολογιστή σας.
Τώρα ήρθε η ώρα να προσθέσετε ένα Favicon στον ιστότοπό σας ώστε να εμφανίζεται σε όλες τις σελίδες του. Για να το κάνετε αυτό, τοποθετήστε το εικονίδιο στον ριζικό φάκελο του ιστότοπού σας. Εάν ο ιστότοπός σας φιλοξενείται ήδη, αυτός ο φάκελος συνήθως ονομάζεται "public_html". Στη συνέχεια, σε κάθε σελίδα του ιστότοπού σας, πριν από την ετικέτα κλεισίματοςπροσθέστε τις ακόλουθες γραμμές:
Αλλά αυτές οι γραμμές πρέπει να προστεθούν σε κάθε σελίδα εάν έχετε ιστότοπο HTML. Αλλά επειδή, κατά πάσα πιθανότητα, ο ιστότοπός σας δημιουργείται με βάση κάποιου είδους CMS, τότε θα χρειαστεί μόνο να προσθέσετε αυτές τις γραμμές στο κύριο αρχείο του θέματός σας που χρησιμοποιείτε για τον ιστότοπο.
Εάν χρησιμοποιείτε WordPress, μεταβείτε στον φάκελο wp-content/themes/folder-with-your-theme/, βρείτε και ανοίξτε το αρχείο header.php και, στη συνέχεια, επικολλήστε τις απαραίτητες γραμμές και αποθηκεύστε το αρχείο.
Εάν χρησιμοποιείτε Joomla, τότε μεταβείτε στο templates/your-theme-folder/ και ανοίξτε το αρχείο index.php, επικολλήστε τις απαραίτητες γραμμές και αποθηκεύστε.
Ορισμένα θέματα WordPress και Joomla μπορεί να έχουν ήδη τις δικές τους διαδρομές προς το αρχείο favicon.ico, οπότε διαγράψτε τα και αντικαταστήστε τα με τα δικά σας.
Εάν χρησιμοποιείτε οποιοδήποτε άλλο CMS, τότε κάντε τα πάντα κατ' αναλογία.
Στις καρτέλες της σελίδας και στη γραμμή διευθύνσεων του προγράμματος περιήγησης, το εικονίδιο σας θα εμφανιστεί αμέσως, όσον αφορά τα αποτελέσματα αναζήτησης Yandex, εδώ χρειάζεστε χρόνο για να περάσει και ένα ειδικό ρομπότ αναζήτησης Yandex για να βρείτε το εικονίδιό σας, μετά το οποίο θα εμφανιστεί στο τα αποτελέσματα αναζήτησης.
Υλικό που ετοιμάστηκε από το έργο:
Favicon(συντομογραφία από το αγγλικό ICON ΑΓΑΠΗΜΕΝΑ - "εικονίδιο για αγαπημένα", από το όνομα του φακέλου σελιδοδεικτών στο MSIE) - ένα εικονίδιο για έναν ιστότοπο ή μια ιστοσελίδα. Εμφανίζεται από το πρόγραμμα περιήγησης στη γραμμή διευθύνσεων πριν από τη διεύθυνση URL της σελίδας, καθώς και ως εικόνα δίπλα στον σελιδοδείκτη, σε καρτέλες και σε άλλα στοιχεία διεπαφής.
Οι περισσότεροι επαγγελματικοί ιστότοποι τείνουν να τους διαθέτουν, αφενός, αυτό όχι μόνο θα τοποθετήσει τον ιστότοπό σας μεταξύ των επαγγελματιών, αλλά θα σας βοηθήσει επίσης να ξεχωρίσετε από τους υπόλοιπους ιστότοπους.
Εάν θέλετε ένα, τότε είναι πολύ εύκολο να υπογράψετε με τη γεννήτρια μας. Το μόνο που χρειάζεστε είναι μια εικόνα (οποιουδήποτε μεγέθους), να την υποβάλετε χρησιμοποιώντας την παρακάτω φόρμα και σε λίγα δευτερόλεπτα θα λάβετε πίσω μερικές συμπιεσμένες εικόνες για χρήση ως favicon. Είναι πραγματικά απλό!
Οι περισσότερες εκδόσεις των μεγάλων προγραμμάτων περιήγησης υποστηρίζουν favicons. Για παράδειγμα Internet Explorer 5/6/7+, Firefox 1/2+, Mozilla 1/2+, Netscape 7+, Opera 7+, Avant 1.1, Konqueror 3+, Safari και άλλα.
Αρχική εικόνα (Μέγιστο μέγεθος: 150 KB):
Το Favicon είναι το πρόσωπο του πόρου σας στο πρόγραμμα περιήγησης
Πολύ συχνά, όταν ανοίγουν έναν ιστότοπο σε ένα πρόγραμμα περιήγησης, οι χρήστες βλέπουν ένα μικρό εικονίδιο δίπλα στη διεύθυνση URL του πόρου - favicon (favicon, favicon), το οποίο, στην πραγματικότητα, είναι το πρόσωπο του έργου Διαδικτύου. Το Favicon είναι συντομογραφία της αγγλικής φράσης "favorites ICON", που σημαίνει "εικονίδιο για τα αγαπημένα". Εάν «εξοπλίσατε» τον πόρο σας με ένα favicon, τότε θα μπορεί να ξεχωρίζει από άλλους ιστότοπους που ανοίγει ο χρήστης στις καρτέλες του προγράμματος περιήγησης. Πολύ συχνά, ένα favicon είναι ένα μικρότερο αντίγραφο του λογότυπου ενός έργου ή μιας εταιρείας στο Διαδίκτυο (για παράδειγμα, όπως η Wikipedia, η Google ή το Facebook), αλλά μπορείτε επίσης να δείτε ειδικά δημιουργημένα εικονίδια που απλώς εμφανίζουν την ουσία ή το θέμα του έργου. Το πρώτο favicon εμφανίστηκε το 1999, όταν η εταιρεία αναζήτησης Microsoft παρουσίασε το πρόγραμμα περιήγησης ιστού Internet Explorer 5: σε αυτήν την έκδοση του προγράμματος περιήγησης ξεκίνησε η υποστήριξη για μικροσκοπικά εικονίδια για ιστότοπους. Και το 2003, η μορφή favicon καταχωρήθηκε επίσημα στην Αρχή Εκχωρημένων Αριθμών Διαδικτύου (IANA). Τώρα η Microsoft έχει χάσει το μονοπώλιο της σε αυτή τη θέση και όλα τα σύγχρονα προγράμματα περιήγησης (τόσο για επιτραπέζιους όσο και για κινητά) υποστηρίζουν favicon. Σε τι χρησιμοποιείται το εργαλείο Favicon Generator;Χρησιμοποιώντας το εργαλείο Favicon Generator, μπορείτε να δημιουργήσετε ένα μοναδικό favicon για τον ιστότοπό σας. Για να το κάνετε αυτό, απλά πρέπει να ανεβάσετε την αρχική εικόνα σε ένα ειδικό πεδίο, το μέγεθος του οποίου δεν πρέπει να υπερβαίνει τα 150 KB, επιλέξτε το απαιτούμενο μέγεθος του μελλοντικού εικονιδίου (16x16 ή 32x32 pixel) και κάντε κλικ στο κουμπί "Μετατροπή". Το εικονίδιο που προκύπτει σε μορφή ICO μπορεί να χρησιμοποιηθεί για ανάρτηση στο Διαδίκτυο: θα είναι συμβατό με τα περισσότερα σύγχρονα προγράμματα περιήγησης. Λάβετε υπόψη ότι πολλά σύγχρονα προγράμματα περιήγησης ιστού φορτώνουν αυτόματα το favicon.ico από τη ρίζα του πόρου χωρίς να απαιτείται να προσδιορίζεται στους κωδικούς της σελίδας. Ωστόσο, εάν ο webmaster θέλει να χρησιμοποιήσει ένα ξεχωριστό favicon για κάθε σελίδα του ιστότοπου, τότε πρέπει να υποδείξει τη θέση του εντός της ενότητας στον κώδικα HTML του πόρου. Λάβετε επίσης υπόψη ότι το εικονίδιο δεν θα εμφανίζεται στο πρόγραμμα περιήγησης εάν ο τύπος περιεχομένου του στην απόκριση του διακομιστή web δεν ταιριάζει με το καθορισμένο πεδίο τίτλου στον κώδικα της σελίδας. Πώς πρέπει να μοιάζει ένα καλό favicon;Παρά το γεγονός ότι το μέγεθος του favicon είναι πολύ μικρό (16x16 ή 32x32 pixel), αυτό το εικονίδιο φέρει πολύ μεγάλο σημασιολογικό φορτίο και η δημιουργία του είναι μια αρκετά περίπλοκη διαδικασία που απαιτεί στους σχεδιαστές ιστοσελίδων τον ίδιο χρόνο με την ανάπτυξη ενός πλήρους λογότυπο. Συμβαίνει συχνά το λογότυπο της εταιρείας να μην είναι απολύτως κατάλληλο για το ρόλο του favicon. Σε αυτή την περίπτωση, θα πρέπει να χρησιμοποιήσετε όλη την ικανότητα και τη φαντασία σας. Το μελλοντικό favicon θα πρέπει να είναι χαραγμένο στη μνήμη του χρήστη τόσο έντονα που στο μέλλον θα συσχετίζει αυτό το εικονίδιο αποκλειστικά με τον πόρο σας. Όταν δημιουργείτε ένα favicon, δεν θα έχετε την ευκαιρία να "σκορπίσετε" pixel: καθένα από τα 256 (ή 1024) pixel έχει ένα νόημα. Διορθώστε με μη αυτόματο τρόπο τα pixel που έχουν ένα "ομιχλώδες" χρώμα εκ των προτέρων, επειδή όταν συμπιέζετε την εικόνα, το εικονίδιο μπορεί να είναι θολό και θα απαιτούνται προσαρμογές σε ένα πρόγραμμα επεξεργασίας γραφικών. Λάβετε υπόψη ότι το πρόγραμμα επεξεργασίας φωτογραφιών του Adobe Photoshop δεν αποθηκεύει εικόνες σε μορφή ICO, επομένως μπορείτε να μετατρέψετε την εικόνα σε αυτήν τη μορφή χρησιμοποιώντας την υπηρεσία Favicon Generator.
Γεννήτρια Favicon - θα σας βοηθήσει να μετατρέψετε και να επεξεργαστείτε οποιαδήποτε εικόνα, μετατρέποντάς την σε favicon για τον ιστότοπο. Σήμερα είναι ένα άρθρο σχετικά με την καλύτερη δημιουργία favicon για ιστότοπους σήμερα.
Σήμερα είναι δύσκολο να φανταστεί κανείς έναν ιστότοπο που δεν έχει favicon. Το favicon είναι ένα εικονίδιο που βρίσκεται στη γραμμή διευθύνσεων του προγράμματος περιήγησης ή στον τίτλο του παραθύρου (ανάλογα με το πρόγραμμα περιήγησης) και το οποίο διακρίνει τον ανοιχτό ιστότοπο/καρτέλα από πολλούς άλλους. Αρχικά, αυτά τα εικονίδια αναπτύχθηκαν στον IE για να επισημάνουν έναν ιστότοπο στη λίστα σελιδοδεικτών του προγράμματος περιήγησης (στο IE αυτοί οι σελιδοδείκτες ονομάζονταν Αγαπημένα) και ως εκ τούτου το όνομα Favicon - εικονίδιο αγαπημένων.
Αλλά το να φτιάξεις ένα favicon με τα χέρια σου δεν είναι τόσο εύκολο. Πρέπει να έχει μορφή ICO, η οποία απαιτεί ειδικό λογισμικό για να κάνει κάτι αξιόλογο και σημαντικές δεξιότητες. Επομένως, για να κάνετε τη ζωή πιο εύκολη, είναι προτιμότερο να χρησιμοποιήσετε μια ηλεκτρονική γεννήτρια favicon.
Υπάρχουν πολλές υπηρεσίες που σας επιτρέπουν να δημιουργείτε favicons από εικόνες (αυτό θα μπορούσε να είναι ένα λογότυπο ή μια ειδικά σχεδιασμένη απεικόνιση). Αλλά οι περισσότεροι από αυτούς έχουν προβλήματα με τη διαφάνεια.
Προβλήματα διαφάνειας με την υπηρεσία δημιουργίας favicon
Για λόγους σαφήνειας, παρουσιάζουμε την εικόνα «Πώς οι διαφορετικές γεννήτριες favicon επεξεργάζονται τη διαφάνεια και τη μείωση του μεγέθους της εικόνας». 
Σε αυτήν τη σύγκριση, χρησιμοποιήσαμε τα αποτελέσματα που ελήφθησαν από τις υπηρεσίες favicon.cc και favicon-generator.org. Για να είμαστε ειλικρινείς, μέχρι πρόσφατα, χρησιμοποιούσαμε οι ίδιοι την υπηρεσία favicon.cc, αλλά πρόσφατα βρέθηκε ένα εξαιρετικό υποκατάστατο - η γεννήτρια favicon No. 1.
Η καλύτερη γεννήτρια favicon - www.xiconeditor.com
Όπως και το favicon.cc, αυτή η γεννήτρια favicon έχει το δικό της ενσωματωμένο ηλεκτρονικό πρόγραμμα επεξεργασίας εικονιδίων, αλλά το πλεονέκτημά της είναι η εξαιρετική της δουλειά με διαφάνεια.
Είναι αρκετά προφανές ότι υπάρχει διαφορά στην ποιότητα της διαφάνειας (προφανώς η διαφορά είναι στην ποιότητα αλλαγής του μεγέθους της φορτωμένης εικόνας).
Επιπλέον, το xiconeditor.com έχει ένα άλλο πλεονέκτημα - ένα εξαιρετικό σύστημα προεπισκόπησης favicon, το οποίο σας επιτρέπει να βλέπετε το αποτέλεσμα σε διαφορετικές μορφές χωρίς να κάνετε λήψη του δημιουργημένου favicon. Η προεπισκόπηση τους είναι πολύ πιο κατατοπιστική από το favicon.cc.
