Όταν επισκέπτεστε ιστότοπους όπως το Google, το Yahoo ή το wikiHow, ενδέχεται να δείτε ένα μικρό εικονίδιο στα αριστερά της γραμμής διευθύνσεων. Αυτό το εικονίδιο είναι γνωστό ως favicon και μπορείτε να δημιουργήσετε ένα για τον δικό σας ιστότοπο. Εκτός από την επαγγελματική αίσθηση στον ιστότοπο, αυτό το εικονίδιο θα εμφανιστεί στο τμήμα σελιδοδεικτών του χρήστη, δίπλα στους ιστότοπους που επισημαίνουν ως αγαπημένους. Με αυτόν τον τρόπο, οι χρήστες μπορούν να βρουν τον ιστότοπό σας πιο εύκολα.
Βήμα
Βήμα 1. Δημιουργήστε μια εικόνα με μέγεθος 16 x 16 pixel
Χρησιμοποιήστε απλές εικόνες για εύκολη αναγνώριση.
Βήμα 2. Μετατρέψτε την εικόνα σε αρχείο "favicon.ico"
Το αρχείο πρέπει να ονομάζεται έτσι ώστε το πρόγραμμα περιήγησης να το αναγνωρίσει. Ο ευκολότερος τρόπος για να γίνει αυτό είναι να χρησιμοποιήσετε την υπηρεσία Dynamic Drive FavIcon Generator. Μπορείτε επίσης να χρησιμοποιήσετε το δωρεάν πρόγραμμα επεξεργασίας εικόνας GIMP και να αποθηκεύσετε την εικόνα με ανάλυση 16 x 16 pixel σε μορφή ICO.
Βήμα 3. Ανεβάστε το δημιουργημένο αρχείο στον ιστότοπο
Βήμα 4. Προσθέστε τον ακόλουθο κώδικα στο HTML του ιστότοπου
Πρέπει να το προσθέσετε στο τμήμα κώδικα και να βεβαιωθείτε ότι η διεύθυνση του καταλόγου εικονιδίων είναι σωστή, σύμφωνα με την ιστοσελίδα. Ακολουθεί ο κώδικας που θα χρειαστεί να εισαγάγετε (υποθέτοντας ότι και τα αρχεία.html και.ico βρίσκονται στον ίδιο επάνω/κύριο κατάλογο):
Βήμα 5. Φορτώστε ξανά τη σελίδα, ρίξτε μια ματιά και θαυμάστε το όμορφο νέο εικονίδιο για τον ιστότοπό σας
Συμβουλές
- Παρόλο που είναι πολύ μικρά σε μέγεθος, βεβαιωθείτε ότι οι άνθρωποι μπορούν εύκολα να διαβάσουν ή να κατανοήσουν τα εικονίδια που χρησιμοποιούνται.
- Εάν χρησιμοποιείτε το λειτουργικό σύστημα Linux, μπορείτε να μετατρέψετε αρχεία απευθείας από τον υπολογιστή σας. Επιλέξτε την κατάλληλη εικόνα, ανοίξτε ένα πρόγραμμα γραμμής εντολών (γραμμή εντολών), επισκεφτείτε τον κατάλογο στον οποίο είναι αποθηκευμένο το αρχείο εικόνας και πληκτρολογήστε: convert image-p.webp" />
