favicon

Τα favicon είναι οι μικρές εικόνες λογοτύπων που εμφανίζονται στο tab και στην γραμμή διευθύνσεων του browser όταν επισκέπτεσθε μια ιστοσελίδα. 

Στην συγκεκριμένη σελίδα που βρίσκεστε τώρα πχ. μπορείτε να δείτε το favicon της Starfish εάν παρατηρήσετε τον browser σας, όπως φαίνεται και στις παρακάτω εικόνες. 

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

Υπάρχουν διάφορες σελίδες που μπορούν να σας βοηθήσουν όπως οι:

http://tools.dynamicdrive.com/favicon/
http://www.chami.com/html-kit/services/favicon/

Μπορείτε επίσης να επισκεφτείτε το 

http://www.favicon.cc/ όπου εκτός της μετατροπή της εικόνας σας μπορείτε και να σχεδιάσετε επι τόπου μια εικόνα για να μετατραπεί σε favicon. 

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

Τελευταίο βήμα είναι να ανεβάσετε το αρχείο στον server που στεγάζετε η σελίδα σας. Εάν χρησιμοποιείτε κάποιο έτοιμο CMS τοποθετείτε το αρχείο στην αντίστοιχη διαδρομή. 

π.χ. στο Drupal πρέπει να το τοποθετήσετε στον φάκελο misc. 

Εάν κατασκευάσατε μόνοι σας την σελίδα απλά τοποθετήστε τον παρακάτω κώδικα με την αντίστοιχη διαδρομή που δείχνει στο αρχείο που ανεβάσατε στο HEAD του xthml κώδικα σας. 

<link rel="shortcut icon" href="/ΦΑΚΕΛΟΣ ΣΑΣ/favicon.ico" type="image/x-icon" />

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